/* ----------------------------------

Main CSS file for Discuz! X
(C) Comsenz Inc.
http://www.comsenz.com
Created & Modified by Lushnis, Pony, Dfox & DragonLee.

----------------------------------

/*
	Name:			mod_reset
	Level:			Global
	Last Modify:	Ponybox-usre-about
*/
	* {}
	body {{BGCODE}}
	body {
		word-wrap: break-word;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal;
		background:url({IMGDIR}/background.png) repeat-x 0 0 inactiveborder;
		
	}
	
	.content_box_p_pop{
		max-height:520px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	
	.mrl10{
		margin-left:10px !important;
		margin-right:10px  !important;
		}
	.btn_new{
		height:30px !important;
		font-size:16px !important;
		font-weight:bold !important;
	}
	.sitewitdh{
		width:995px !important;	
	}
	#loading_more_feed{
		line-height:30px;
		border: 1px #EAEAEA solid;
		background-color:#F0F2F7;
		color:#000;
		padding-left:30px;
	}
	.s11{
		font-size:11px !important;
	}
	.lmbo span{display:inline-block; font-weight:normal}
	.lmbo {line-height:20px;}
	.ptop3 {padding-top:3px;}
	.olft {width:992px; margin:auto; background-color:#FFF; border:0; padding:5px;}
	.lhbto {line-height:18px; padding-bottom:3px;}
	.hlbt {border-bottom:1px solid #999; font-weight:bold; padding-bottom:3px; margin-bottom:3px;}
/*	body, input, button, select, textarea {font: {FONTSIZE} {FONT};color: {TABLETEXT}}
		textarea {resize: none}
		*/
		.box-text-right * {
			color:#333 !important;
		}
		.footer_woo {
			background:#f9f9f9;
		}
		.box_footer_woo1 {
		    background: #EBEFF6;
			overflow: hidden;
			width: 100%;
		}
		.box_footer_woo2 {
		    width: 100%;
			background:#EBEFF6;
			overflow:hidden;
			border-top:1px solid #dfdfdf;
		}
		.item_footer_woo {
			width:980px;
			margin:0px auto;
			overflow:hidden;
			padding:15px 0px;
		}
		.box_footer_woo1 .item_footer_woo {
		}
		.box_box_footer_iacd {


		}
		.box_menu_footer {
			float: left;
			margin-left: 29px;
			width: 22%;
		}
		.box_footer_woo1 h2 {
			color:#000;
			padding: 0 0 10px;
			text-decoration: underline;
			text-transform: uppercase;
		}
		.box_menu_footer ul li {
			color: #006699 !important;
			list-style: disc outside none;
			padding: 2px 0;
			cursor:pointer;
		}
		.box_menu_footer ul {
			margin-left:15px;
		}
		.box_menu_footer ul li a{
			color:#006699 !important;
		}
		
	body, input, button, select, textarea {font-family: Tahoma, Geneva, sans-serif; font-size:12px; color: #000}
		textarea {resize: none;}	
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {margin: 0;padding: 0}
	table {empty-cells: show;border-collapse: collapse}
		caption, th {text-align: left;font-weight: 400}
	ul li, .xl li {list-style: none}
	h1, h2, h3, h4, h5, h6 {font-size: 1em}
	em, cite {font-style: normal}
	a {color: {LINK};text-decoration: none}
		a:hover {text-decoration: underline}
		a img {border: none}
	label {cursor: pointer}
	.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
	.header_bar{ position:fixed; top:0; margin:0 auto; width: 100%; z-index:99999; background: url({IMGDIR}/background.png) repeat-x top}
/*
	Name:			mod_float
	Level:			Global
	Sample:			class="z/y"
	Explain:		.z/.y 浮动 left/right
	Last Modify:	lushnis
*/
	.z {float: left} .y {float: right}
	div.fl_avt_small img{float:right; width:20px; height:20px; padding: 1px; margin:6px 0px 0 10px; background:#fff; border: 1px solid {COMMONBORDER};-moz-border-radius: 2px;-webkit-border-radius: 5px;border-radius: 2px;}

/*
	name:			btn_button_post
	Level:			Global
	Sample:			class="btnpost"
	Last Modify:	Pham Hung Cuong
*/
	.btnpost{
		background: none repeat scroll 0 0 #FFFFFF;
		border: 2px solid #3079ED;
		border-radius: 3px 3px 3px 3px;
		color: white;
		cursor: pointer;
		float: right;
		font-weight: bold;
		height: 11px;
		margin-right: 5px;
		padding: 10px;
	}
	.btnpost a {
		color: #000000;
		line-height: 12px;
		padding-left: 15px;
		background: url({IMGDIR}/none.png) no-repeat scroll left 3px transparent;
	}
/*
	Name:			mod_flashupload
	Level:			Global
	Explain:		Flash 上传时的处理界面，结构参见 /static/js/fileprogress.js
	Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; width: 100%; }
.progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; }
.message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */
.red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */
.progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; }
.progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 10px; background-color: #2267B5; font-size: 0; line-height:10px; }
.progressBarComplete { visibility: hidden; width: 100%; background-color: green; }
.progressBarError { visibility: hidden; width: 100%; background-color: red; }
.progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; }
a.progressCancel { display: block; float: right; width: 14px; height: 14px; background: url({IMGDIR}/cancelbutton.gif) no-repeat -14px 0; font-size: 0; }
	a.progressCancel:hover { background-position: 0 0; }
.swfupload { vertical-align: top; }


/*
	Name:			mod_clearfix
	Level:			Global
	Sample:			class="cl"
	Explain:		Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题
	Last Modify:	lushnis
*/
	.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .cl {zoom: 1}

/*
	Name:			mod_hr
	Level:			Global
	Sample:			<hr />
	Explain:		重定义 <hr /> 元素的样式，去除默认边距
	Last Modify:	lushnis
*/
	hr {display: block;clear: both;*margin-top: -8px !important;*margin-bottom: -8px !important}
		.mn hr, .sd hr {margin: 0 10px}
		.area hr {margin-left: 0 !important;margin-right: 0 !important}
/*
	Name:			mod_hr_solid
	Level:			Global
	Dependent:		mod_hr
	Sample:			<hr class="l" />
	Explain:		定义 1px 高度实线样式的 <hr /> 元素，具有两个个扩展样式，.l2 和 .l3，分别实现 2px 和 3px 的实线分割线
	Last Modify:	lushnis
*/
	hr.l {height: 1px;border: none;background: {COMMONBORDER};color: {COMMONBORDER}}
		hr.l2 {height: 2px}
		hr.l3 {height: 3px}
/*
	Name:			mod_hr_dashed
	Level:			Global
	Dependent:		mod_hr
	Sample:			<hr class="da" />
	Explain:		定义 1px 高度虚线样式的 <hr /> 元素
	Last Modify:	lushnis
*/
	hr.da {height: 0;border: none;border-top: 1px dotted {COMMONBORDER};background: transparent;color: transparent}
	
	/* [!]使用注意 */
	hr.bk {margin-bottom: 10px !important;*margin-bottom: 2px !important;height: 0;border: none;border-top: 1px solid {WRAPBG};background: transparent;color: transparent}
		.n .sd hr.bk {border-top-color: #F9F9F9}
	/* 清除Margin */
	hr.m0 {margin-left: 0;margin-right: 0}

/*
	Name:			mod_page_header
	Level:			Global
	Sample:			<h1 class="ph">Text</h1>
	Explain:		页面中标题级别的文字 [!]此处须整合为一个单独 class
	Last Modify:	lushnis
*/
	/* .wx --> weight text 粗体字，通常用于大标题 */
	.wx, .ph {font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif;font-weight: 100}
	/* Page header */ .ph {font-size: 20px}
	/* Main title */ .mt {padding: 10px 0;font-size: 14px}

/* 行内分割竖线 */ .pipe {margin: 0 5px;color: #CCC}


/*
	Name:			mod_filebtn
	Level:			Global
	Sample:			<div class="filebtn">
						<input type="file" class="pf cur1" size="1" />
						<button type="button" class="pn pnc"><strong>{lang}</strong></button>
					</div>
	Explain:		模拟 <input type="file" />，注意不要让 button 太宽
	Last Modify:	Pony
*/
.filebtn { position: relative; margin: 0 auto; width: 60px; overflow: hidden; }
	.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); }

/* 上传弹出层 */
.upfile { width: 220px; }
	.uploadform { padding: 0 10px; border: 1px dashed {COMMONBORDER}; background: {COMMONBG}; }

/*
	Name:			mod_flashupload
	Level:			Global
	Explain:		Flash 上传时的处理界面，结构参见 /static/js/fileprogress.js
	Last Modify:	Pony 2012022813
*/
.progressWrapper { overflow: hidden; width: 100%; }
.progressContainer { overflow: hidden; margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; }
.message { overflow: hidden; margin: 1em 0; padding: 10px 20px; border: solid 1px #FD9; background-color: #FFC; } /* Message */
.red { border: solid 1px #B50000; background-color: #FFEBEB; } /* Error */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; } /* Current */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; } /* Complete */
.progressName { overflow: hidden; white-space: nowrap; width: 323px; height: 18px; text-align: left; font-weight: 700; color: #555; }
.progressBarInProgress, .progressBarComplete, .progressBarError { clear: both; margin-top: 2px; width: 0; height: 2px; background-color: blue; font-size: 0; }
.progressBarComplete { visibility: hidden; width: 100%; background-color: green; }
.progressBarError { visibility: hidden; width: 100%; background-color: red; }
.progressBarStatus { white-space: nowrap; margin-top: 2px; width: 337px; text-align: left; }
a.progressCancel { display: block; float: right; width: 14px; height: 14px; background: url({IMGDIR}/cancelbutton.gif) no-repeat -14px 0; font-size: 0; }
	a.progressCancel:hover { background-position: 0 0; }
.swfupload { vertical-align: top; }

/* 文本属性：字号、颜色、粗细 */
/*
	Name:			mod_text_size
	Level:			Global
	Sample:			class="xs*"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xs0 {font-family: {SMFONT};font-size: {SMFONTSIZE};-webkit-text-size-adjust: none}
	.xs1 {font-size: 12px !important}
	.xs2 {font-size: 16px; margin-top:5px;}
	.xs3 {font-size: 16px !important}
	.xs2 a{font-family: Tahoma, Geneva, sans-serif; font-size: 16px}
	.xs4 {font-size:14px !important;  margin-top:0px;}
	.xs4 p{
		font-family: Tahoma, Geneva, sans-serif; 
		font-size: 14px;
		/*color:SteelBlue;*/
		color:#CC0033;
		text-transform: uppercase;
	}
/*
	Name:			mod_text_gray_level
	Level:			Global
	Dependent:		-
	Sample:			class="xs[*]"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xg1 {color: {LIGHTTEXT} !important}
	.xg1 a {color:{HIGHLIGHTLINK} !important}
	.xg1 .xi2 {
            color: {HIGHLIGHTLINK} !important
            
        }
	.xg2 {color: {MIDTEXT}}
/*
	Name:			mod_text_importance_level
	Level:			Global
	Sample:			class="xs[*]"
	Explain:		文字提亮级别，分为两级，默认模板中，1为橙色，2为蓝色
	Last Modify:	lushnis
*/
	.xi1, .onerror {color: {NOTICETEXT}}
	.xi2, .xi2 a, .xi3 a {color: {HIGHLIGHTLINK}}
        #loginstatus a {
            font-size:14px;
            color:red;    
            font-weight:bold;
        }
/*
	Name:			mod_text_weight_level
	Level:			Global
	Sample:			class="xs[*]"
	Explain:		文字字号，分为四个级别
	Last Modify:	lushnis
*/
	.xw0 {font-weight: 400}

	.xw1 {font-weight: 700}
/*
	Name:			mod_border
	Level:			Global
	Dependent:		-
	Sample:			class="bbda/bbs"
	Explain:		边框样式，该模块仅作用于元素的下边框，分为虚线和实线两种，宽度均为 1px
	Last Modify:	lushnis
*/
	 .bbda {
		/*
		position:relative;
		background: url({IMGDIR}/dot_2.gif) repeat-x bottom;
		*/
		border-bottom:1px solid #CCC;
	}
	 li em {width: 203px;}
	.bbs {border-bottom: 1px solid {COMMONBORDER} !important}
	.woopadd {
		padding:5px 0;
	} 
	.woopadd dd {
		text-align:justify;		
	}
	.woopadd a img {
		max-width:518px;		
	}
/*
	Name:			mod_border_reset
	Level:			Global
	Sample:			class="bw0/bw0_all"
	Explain:		去除边框
	Last Modify:	lushnis
*/
	.bw0 {border: none !important}
	.bw0_all, .bw0_all th, .bw0_all td {border: none !important}
/*
	Name:			mod_background_reset
	Level:			Global
	Sample:			class="bg0_c/bg0_i/bg0_all"
	Explain:		去除背景，bg0_c、bg0_i 和 bg0_all 分别为去除背景颜色、去除背景图片和去除所有背景元素
	Last Modify:	Pony
*/
	.bg0_c {background-color: transparent !important}
	.bg0_i {background-image: none !important}
	.bg0_all {background: none !important}

/*
	Name:			mod_notice_line
	Level:			Global
	Sample:			<div class="ntc_l">
	Explain:		黄色背景的提示条，一般用在单行醒目提示，不可用于多行块级区域
	Last Modify:	lushnis
*/
	.ntc_l {padding: 5px 10px;background: #FEFEE9}
		.ntc_l .d {width: 20px;height: 20px;background: url({IMGDIR}/op.png) no-repeat 0 0;line-height: 9999px;overflow: hidden}
			.ntc_l .d:hover {background-position: 0 -20px}

/* 圆角 [!]此处考虑弃用 */
	.brs, .avt img {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
/*	.brm, .oshr {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px} */
	.oshr {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px}
	.brw {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px}
/*
	Name:			mod_margin
	Level:			Global
	Sample:			class="mtn/mtm/mtw/..."
	Explain:		外边距样式，作用于元素的上下外边距，上下各具有 n, m, w 三个级别
	Last Modify:	lushnis
*/
	.mtn {margin-top: 5px !important}
	.mbn {margin-bottom: 5px !important}
	.mtm {margin-top: 10px !important}
	.mbm {margin-bottom: 10px !important}
	.mtw {margin-top: 20px !important}
	.mbw {margin-bottom: 20px !important}
/*
	Name:			mod_padding
	Level:			Global
	Sample:			class="ptn/ptm/ptw/..."
	Explain:		内边距样式，作用于元素的上下内边距，上下各具有 n, m, w 三个级别
	Last Modify:	lushnis
*/
	.ptn {padding-top: 5px !important}
	.pbn {padding-bottom: 5px !important}
	.ptm {padding-top: 10px !important}
	.pbm {padding: 0 5px 10px 5px}
	.ptw {padding-top: 20px !important}
	.pbw {padding-bottom: 20px !important}
/*
	Name:			mod_avatar
	Level:			Global
	Sample:			<div class="avt"><img src="avatar source" alt="username" /></div>
	Explain:		标准尺寸头像样式，默认为 48px*48px，带边框
	Last Modify:	lushnis
*/
	.avt img {padding: 2px;width: 48px;height: 48px;background: {WRAPBG};border: 1px solid;border-color: {COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG}}
/*
	Name:			mod_avatar_middle, mod_avatar_small
	Level:			Global
	Sample:			<div class="avtm/avts"><img src="avatar source" alt="username" /></div>
	Explain:		中等尺寸和小尺寸头像样式，中等尺寸为宽度 120px，高度按比例；小尺寸为 24px*24px
	Last Modify:	lushnis
*/
	.avtm img {width: 120px;height: auto}
	.avts img {width: 24px;height: 24px;vertical-align: middle}
/*
	Name:			mod_emp
	Level:			Global
	Sample:			<p class="emp">暂无数据</p>
	Explain:		页面中无数据输出时，用此样式显示相关提示，如无特殊必要，建议使用 <p> 而不是 <div>
	Last Modify:	lushnis
*/
	.emp {padding: 20px 10px}
		.emp a {color: {HIGHLIGHTLINK};text-decoration: underline !important}
/*
	Name:			mod_align
	Level:			Global
	Sample:			class="vm/hm"
	Explain:		纵向及横向对齐方式
	Last Modify:	lushnis
*/
	.vm {vertical-align: middle}
		.vm * {vertical-align: middle}
	.hm {text-align: center}
/*
	Name:			mod_alt
	Level:			Global
	Sample:			class="{echo swapclass('alt')}"
	Explain:		隔行换色时深色背景
	Last Modify:	lushnis
*/
	.alt, .alt th, .alt td {background-color: {COMMONBG}}
/*
	Name:			mod_notice
	Level:			Global
	Sample:			class="notice"
	Explain:		类似统计中需注意的文字样式 [!]此处须考虑名称简写为 ntc
	Last Modify:	lushnis
*/
	.notice {clear: both;margin: 5px 0;padding: 3px 5px 3px 20px;background: url({IMGDIR}/notice.gif) no-repeat 2px 6px}
/*
	Name:			mod_ajax_wait_info
	Level:			Global
	Sample:			id="ajaxwaitid"
	Explain:		相应页面中 AJAX 请求时的状态显示
	Last Modify:	lushnis
*/
	#ajaxwaitid {display: none;position: absolute;right: 0;top: 0;z-index: 1;padding: 0 5px;background: #D00;color: {LIGHTLINK}}
/*
	Name:			mod_showmenu
	Level:			Global
	Sample:			class="showmenu"
	Explain:		下拉菜单
	Last Modify:	lushnis
*/
	.showmenu {
		padding-right: 16px;
		color: #336699;
		background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%;cursor: pointer;white-space: nowrap;}
		
	#um .showmenu {margin-right: -5px}

/*
	Name:			mod_cursor
	Level:			Global
	Sample:			class="cur1"
	Explain:		鼠标样式，可以根据需要按序添加
	Last Modify:	Pony
*/
	.cur1 {cursor: pointer}

/* 如果验证码有错乱，可添加此样式.sec（全局，修改时要小心，会涉及分享、快速回复和 feed日志相册中的评论等地方） by Pony */
.ie6 .sec .p_pop {white-space: expression(this.offsetWidth >= 220 ? 'normal' : 'nowrap');width: expression(this.offsetWidth >= 220 ? 200 : 'auto')}


/* ------------------------------------------------------------------------ 表单及表单元素 */
		/*
		.pn				button
			.pnc		button with light color
			.pnp		post button
		.px				input[text]
		.pt				textarea
		.pf				input[file]
		.pc				input[checkbox]
		.pr				input[radio]
		.ps				select
		.oshr			share button
		.ofav			fav button with oshr
		*/

/* 必填项 */ .rq {color: red}
	.table_ads {display:inline-block; float:left; padding:1px;}
/*
	Name:			mod_input[text]_textarea_select
	Level:			Global
	Sample:			class="px/pt/ps"
	Explain:		单行输入框（px）、多行文本框（pt）和选择框(ps/select)
	Last Modify:	Pony
*/
	.px, .pt, .ps, select {border: 1px solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};background: {INPUTBG} url({IMGDIR}/px.png) repeat-x 0 0;color: {TEXT}}
		.px, .pt {padding: 2px 4px;line-height: 17px}
		.px {height: 17px}
			.pxs {width: 30px !important}
			.fdiy .tfm .px, .fdiy .tfm .pt {width: auto}
			.p_fre {width: auto !important}
			.er {border-color: #F66 #FFBDB9 #FFBDB9 #F66;background-color: #FDF4F4;background-image: url({IMGDIR}/px_e.png)}
		.pt {overflow-y: auto}
			div.pt {height: 100px;line-height: 100px}
		.ps, select {padding: 2px 2px 2px 1px}
			.ie8 .ps, .ie8 select {padding: 2px}
		/* 自动调整高度的 textarea by Pony */
		.pts {vertical-align: top;overflow: hidden}
		.cmt .pts {width: 98%}
		

/*
	Name:			mod_button
	Level:			Global
	Sample:			<button class="pn">Submit</button>
	Explain:		按钮样式
	Last Modify:	Pony
*/
	button::-moz-focus-inner {border: 0;padding: 0}
	.pn {
		vertical-align: middle;
		overflow: hidden;
		margin-right: 3px;
		padding: 0;
		height: 23px;
		border: 1px solid #999;
		cursor: pointer;
		-moz-box-shadow: 0 1px 0 #E5E5E5;
		-webkit-box-shadow: 0 1px 0 #E5E5E5;
		box-shadow: 0 1px 0 #E5E5E5;
		background: #E5E5E5 url({IMGDIR}/pn.png) repeat-x 0 0;
		}
		
		.pn:active {background-position: 0 -23px}
		.ie6 .pn {overflow-x: visible;width: 0}

		.pn em, .pn span, .pn strong {padding: 0 10px;line-height: 21px}
			/*.pn em, .pn strong  {font-weight: 700}*/
			.pn em, .pn strong  {font-weight: normal;}
			
		.ie7 .pn em, .ie7 .pn span, .ie7 .pn strong {padding: 0 5px;line-height: 18px}
	.facel { padding: 8px; width: 240px; }
		.facel img { margin: 5px; }
	a.pn {height: 21px;line-height: 21px;color: {TABLETEXT} !important}
		a.pn:hover {text-decoration: none}
		.ie6 a.pn {width: auto}
		.ie6 a.pn em, .ie6 a.pn span, .ie6 a.pn strong {display: block}
		.ie7 a.pn em, .ie7 a.pn span, .ie7 a.pn strong {line-height: 21px}

	.pnc, a.pnc {border-color: #235994;background-color: #06C;background-position: 0 -48px;color: #FFF !important}
		.pnc:active {background-position: 0 -71px}
	
	.pnpost .pn {height: 26px}

/*
	Name:			mod_input[radio]_input[checkbox]_label
	Level:			Global
	Sample:			class="pr/pc/lb"
	Explain:		单选按钮(pr)、多选框(pc)和<label>(lb)
	Last Modify:	Pony
*/
	.pr, .pc {vertical-align: middle;margin: 0 5px 1px 0;padding: 0}
		.ie6 .pr, .ie6 .pc, .ie7 .pr, .ie7 .pc {margin-right: 2px}
	.lb {margin-right: 20px}


/*
	Name:			mod_narrow_input
	Level:			Global
	Sample:			<div class="pns"></div>
	Explain:		小尺寸的输入框和按钮样式。该样式在模板中保留，目前样式为空。
	Last Modify:	Pony
*/
	.pns .px {}
	.pns .pn {}

/*
	Name:			mod_float_typeid
	Level:			Global
	Sample:			<div class="ftid">
						<select>
							<option>Option</option>
						</select>
					</div>
	Explain:		模拟下拉菜单样式
	Last Modify:	Pony
*/
.ftid {float: left;margin-right: 6px}
	.ftid select {float: left;height: 23px}
	.ftid a {display: block;overflow: hidden;padding: 0 17px 0 4px;height: 21px;line-height: 21px;text-decoration: none !important;font-size: 12px;font-weight: 400;color: {TABLETEXT} !important;border: 1px solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0}
		.ftid a:hover, .ftid a:focus {background-position: 100% -23px}
	/* ctrl 'select' width */
	.ftid select {width: 100px}
	.sslt a {width: 54px}
	.sslt select {width: 60px}

.sltm {padding: 5px 11px 5px 10px;border: 1px solid {DROPMENUBORDER};background-color: {WRAPBG};text-align: left}
	.sltm li {padding: 2px 0;color: {MIDTEXT};cursor: pointer}
		.sltm li:hover {color: {HIGHLIGHTLINK}}
		.sltm li.current {color: {NOTICETEXT}}

/* 分享按钮 */ .oshr {float: right;margin-left: 5px;padding: 0 5px 0 22px;border: 1px solid;border-color: #CCC #A9A9A9 #A9A9A9 #CCC;background: {WRAPBG} url({IMGDIR}/oshr.png) no-repeat 5px 50%}
/* 收藏按钮 with oshr */ .ofav {background-image: url({IMGDIR}/fav.gif)}


/*
	Name:			mod_form
	Level:			Global
	Sample:			<form>
						<table cellspacing="0" cellpadding="0" class="tfm">
							<tr>
								<th>Label</th>
								<td><input type="text" name="" id="" class="" /></td>
							</tr>
						</table>
					</form>
	Explain:		表单样式
	Last Modify:	Pony
*/
	.tfm {width: 100%}
		.tfm caption, .tfm th, .tfm td {vertical-align: top;padding: 7px 0}
			.tfm caption h2 {font-size: 16px}
			.vt th, .vt td {vertical-align: top}
		.tfm th {padding-top: 9px;padding-right: 5px;width: 130px}
			.tfm th .rq {float: right;font-size: 14px}
			.tfm .pt, .tfm .px {margin-right: 3px;width: 330px}
		.tfm .c, .tfm .tedt, .m_c .tfm .tedt {width: 338px}
		.tfm .d {clear: both;margin: 5px 0;color: {LIGHTTEXT}}
			.tfm .d em {margin-left: 5px;color: red}
			.tfm .d strong {margin-left: 5px}
			.tfm .d a {color: {HIGHLIGHTLINK}}
		.tfm .p {text-align: right}
		.tfm .pcl label {display: block;padding: 0 2px 5px}
			.tfm .pcl .pc {margin-right: 5px;padding: 0}
		.tfm .l th, .tfm .l td {padding-top: 0;padding-bottom: 0}
	.bn .tfm caption, .bn .tfm th, .bn .tfm td {padding-top: 5px;padding-bottom: 5px}

/*
	Name:			mod_postboxtitle
	Level:			Function
	Explain:		发帖页面、弹窗等的标题栏
	Last Modify:	Pony
*/
.pbt {margin-bottom: 10px}
	.ie6 .pbt .ftid a, .ie7 .pbt .ftid a {margin-top: 1px}
	#custominfo.mtn {margin-bottom: -5px}

/* 提示信息 alert_win － altw*/
.altw {width: 350px}
	.altw .fltc {margin-bottom: 0;padding: 8px}
		.alert_right, .alert_error, .alert_info {padding: 6px 0 6px 58px;min-height: 40px;height: auto !important;height: 40px;line-height: 160%;background:url({IMGDIR}/right.gif) no-repeat 8px 8px;font-size: 14px}
		.alert_error {background-image: url({IMGDIR}/error.gif)}
			.alert_error a {font-weight: 700;color: {HIGHLIGHTLINK}}
		.alert_info {background-image: url({IMGDIR}/info.gif)}
		.alert_btnleft {margin-top: 8px}
		.alert_btn {margin-top: 20px;text-align: center}
		.alert_act {margin-top: 20px;padding-left: 58px}

/* 发帖导航 by lushnis */
.pbnv {float: left;white-space: nowrap;overflow: hidden;width: 400px;padding: 7px 0}
.pbl {overflow: hidden;margin: 9px 0;width: 621px;border-width: 1px 0 1px 1px;border-style: solid;border-color: #CCC;background: {WRAPBG}}
	.pbl li {float: left;overflow-x: hidden;overflow-y: auto;padding: 5px;width: 196px;height: 300px;border-right: 1px solid #CCC}
	.pbl p {height: 25px;line-height: 25px}
		.pbl a {display: block;white-space: nowrap;overflow: hidden;padding: 0 4px;text-decoration: none;color: {HIGHLIGHTLINK};border: solid {WRAPBG};border-width: 1px 0}
			.pbl a:hover {text-decoration: none;background-color: #F3F3F3}
		.pbl .highlightlink {color: #08C}
	.pbls a, .pbls a:hover {background-color: #EEE;color: {MIDTEXT};font-weight: 700}
		.pbsb {background: url({IMGDIR}/arrow.gif) right -33px no-repeat}

/* ------------------------------------------------------------------------ 页面布局 */
		/*
		#hd				Header
			#nv			Navigation
			#mu			Customer menu
		.wp				Wrap
		#ct				Container
			.mn			Main area
			.sd			Side area
		#ft				Footer
		----------------
		.bm				Block in main area
		.bn				Block in nerrow area
		.bw				Block in full width

		#pp				Personal Panel
		.pm				Personal Message (Window)
		.pmfl			PM friend list (Window)
		*/

.wp {
	margin: 0 auto;
	padding: 1px;
    width: 1000px;
	margin-top:0px;
	background-color:white;	
} 

#wp .wp {width: auto}

/* 页头 */
/*
	#toptb {line-height: 24px}
		#toptb a {float: left;padding: 0 4px;height: 24px}
		#toptb a.showmenu {padding-right: 15px}
		#toptb a.hover {background-color: #FFF}
		#toptb .pipe {float: left;display: none}
		*/
	#hd {border-bottom: {HEADERBORDER} solid {SPECIALBORDER};{HEADERBGCODE} }
		#hd .wp {padding: 10px 0 0}
			#diy-tg {width: 55px;background: url({STATICURL}image/diy/panel-toggle.png) no-repeat 100% 1px;text-indent: -9999px;overflow: hidden}

			.hdc {min-height: 70px}
				.ie6 .hdc {height: 70px}
			#hd h2 {padding: 0 20px 8px 0;float: left}
				#space #hd h2 {margin-top: 0}
			#hd .fastlg {padding-top: 10px}


/* User about by Pham Hung Cuong*/
.cp_box_left { float:left; padding-left:10px; width: 190px; display:inline; }
.cp_detail { float:left; padding-right:10px; }
/* End*/

/*-----------------Top Menu------------------------*/

			/*#nv {overflow: hidden;padding-left: 3px;height: 33px;{MENUBGCODE}}*/
			.bgtop_pg { 
				background:url({IMGDIR}/background.png) repeat-x;
				position:fixed;
				width:100%;
			}
			.fix-w-hd {
				padding:0px 20px;		
			}
			#nv, #toptb {
				overflow: hidden;
				/*padding-left: 3px;*/
				height: 33px;
				position:relative;
				z-index:99;
			}
			#nv {z-index:0;}
				#nv li, #toptb li {float: left;padding-right: 1px;height: 33px;line-height: 33px;background: url({IMGDIR}/nv_a.png) no-repeat 100% 0;font-weight: normal;font-size: 11px}
					.ie_all #nv li,.ie_all #toptb li {line-height: 36px}
					.ie6 #nv li, .ie6 #toptb li {line-height: 33px}
					#nv li a, #toptb li a {float: left;padding: 0 7px;height: 33px}
					#nv li.home_img a, #toptb li.home_img a{ padding:0; margin:0}
						#nv li a, #toptb li a{color: {MENUTEXT}}
						#nv li span, #toptb li span {display: none}
					#nv li.a {margin-left: -1px;{MENUHOVERBGCODE}}
						#nv li.a a, #toptb li.a a {color: {MENUHOVERTEXT}}
						#nv li a:hover, , #toptb li a:hover {background: url({IMGDIR}/nv_a.png) no-repeat 50% -66px; text-decoration: none}
						#nv li.hover a:hover, #nv li.hover a , #toptb li:hover a:hover, #toptb li.hover a {background: url({IMGDIR}/nv_a.png) no-repeat 50% -99px}
						#nv li.home_img a:hover, #toptb li.home_img a:hover{ background:none}

/*-----------------/Style for mudimPanel ---------------------*/
/*Author: Pham Hung Cuong */
						#mudimPanel {
									-webkit-transition: all 2s ease;-moz-transition: all 2s ease;
									background:#FFF url({IMGDIR}/bogo.jpg) no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=80);
									bottom: 32px!important;left:-343px!important;width: 340px!important;height: 40px!important;
									padding: 4px 18px 4px 4px!important;font-size: 9px!important;font-weight:bold;
									vertical-align:middle;-moz-box-shadow: 2px 2px 2px #454545;  -webkit-box-shadow: 2px 2px 2px #454545;  box-shadow: 2px 2px 2px #454545;
									}
					#mudimPanel:hover{
									-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=20);
									left:0!important
									}
					#divInput{
									position:fixed;
									padding:2px;
									bottom:2px;
									right:3px;
									z-index:50
									}
					#AVIMControl{
									border:1px solid #999999;
									background-color:#EEEEEE;
									padding:1px;
									padding-bottom:2px;
									position:fixed;
									bottom:-1px;
									right:0px;
									display:none;
									z-index:50
									}
					#AVIMControl input, #AVIMControl span {font-size:11px; vertical-align:middle}
					

/*-----------------/Top Menu------------------------*/

			/* Header Search */

			/*#scbar {height: 44px;border: solid {SPECIALBG};border-width: 0 1px 1px;background: url({IMGDIR}/search.png) repeat-x 0 0;line-height: 44px;overflow: hidden}*/
			#scbar { height:auto; float:right; margin-top:2px; margin-right:14px; width:278px;}
				.scbar_icon_td {width: 50px;background: url({IMGDIR}/search.png) no-repeat 0 -74px}
				.scbar_txt_td, .scbar_type_td {background: url({IMGDIR}/search.png) repeat-x 0 -222px}
				
				
					/*#scbar_txt {width: 200px;border:none;outline: none;font-size: 12px; background:none; margin-top:5px}*/
					#scbar_txt {width: 200px;border:none;outline: none;font-size: 10px; background:none; margin-top:6px}
					
					
					
				.scbar_btn_td {width: auto;background: url({IMGDIR}/search.png) no-repeat 0 -296px;text-align: center}
					#scbar_btn {margin: 0;padding: 0;border: none;background: transparent none}
				.scbar_type_td {background: url({IMGDIR}/search.png) repeat-x -10 -370px}
					/*#scbar_type {display: block;padding-left: 5px; margin-top:3px;text-align: left;text-decoration: none}*/
					#scbar_type {display: block;padding-left: 5px; margin-top:6px;text-align: left;text-decoration: none; font-size:10px;}
					
						#scbar_type_menu {margin-top: -8px}
				/* Hot Keyword */
				/*#scbar_hot, #fix_height {padding-left: 8px;height: 30px}*/
				
				#scbar_hot, #fix_height {padding-left: 8px;height: 26px}
				
				
					#scbar_hot strong, #scbar_hot a {float: left;margin-right: 8px;white-space: nowrap}

				/* Danh sach kieu tim kiem */
				#scbar ul.s_pop{ background:#fff; margin-top:5px; border:1px solid #CDCDCD;box-shadow: 1px 2px 2px rgba(0,0,0,0.3); border-top: none}
				#scbar ul.s_pop li{ float:none; display:block; background:none; width: auto; border-bottom:1px solid #f2f2f2}
				#scbar ul.s_pop li a{ position:relative;display:block; width:100%; color:#333}
				#scbar ul.s_pop li a:hover{ color:#336699; background:none}

			#sc {display: none}
				#sc_txt {margin-right: 0;width: 109px;border-right: none;outline: none}
				#sc_type_w {border-left: none}
				#sc_type {height: 17px !important;line-height: 17px}
					.ie8 #sc_type {line-height: 18px}
				#sc_btn {margin-right: 0}
				#sc_type_menu {margin: 2px 0 0 -5px;width: 100px;line-height: 1.5}
					#sc_type_menu a {float: none}
				#pt #sc {margin: 3px 0 0 0}

			#mu {position: relative;z-index: 1}
				.ie6 #mu, .ie7 #mu {line-height: 0;font-size: 0}
				#mu ul {background: url({IMGDIR}/mu_bg.png) no-repeat 0 100%;line-height: 22px;z-index: 2;font-size: 12px}
					#mu li {float: left;height: 32px }
						#mu a {float: left;display: inline;margin: 5px 6px;padding: 0 10px;white-space: nowrap}
							#mu a:hover {margin: 4px 5px;border: 1px solid {SPECIALBORDER};background: {SPECIALBG};color: {HIGHLIGHTLINK};text-decoration: none}
				.floatmu {position: absolute;left: 0;top: 0}
			#um {padding-top: 10px;padding-right: 60px;_padding-right: 54px;line-height: 2.3;zoom: 1}
				#um, #um a {color: {HEADERTEXT}}
				#um p {text-align: right}
				#um .avt {display: inline;margin-right: -60px}
				.vwmy {padding-left: 16px;background: url({IMGDIR}/user_online.gif) no-repeat 0 2px}
					.vwmy.qq {background: url({IMGDIR}/connect_qq.gif) no-repeat scroll 0 0;padding-left: 20px}
				/* .topnav .new, .sch .new */
				#um .new, .topnav .new, .sch .new, #toptb .new {
					/*padding-left: 20px;*/
					/*background-repeat: no-repeat;
					background-position: 0 -30px ;*/
					color: {HIGHLIGHTLINK}; 
					font-weight: 700;
				}
				/*	#myprompt .new { color:#F00; background-image: url({IMGDIR}/notice.gif)}
					#pm_ntc .new { color:#F00; background-image: url({IMGDIR}/new_pm.gif)} */
					#task_ntc {background-image: url({STATICURL}image/feed/task.gif)}
				#um .pipe {margin: 0 5px 0 0}

				#extcreditmenu {margin-right: 2px !important;padding-top: 3px;padding-bottom: 3px;padding-left: 10px}
					#extcreditmenu.a {position: relative;z-index: 302;margin-right: 1px !important;border: 1px solid;border-color: {DROPMENUBORDER};border-bottom: none;background-color: {WRAPBG}}
					#extcreditmenu_menu {margin-top: -1px;width: auto}
						#extcreditmenu_menu li {float: none;display: block;padding-left: 10px !important;padding-right: 3em !important}

				#qmenu {float: right;display: inline;margin: 5px 4px 0 10px;padding: 0 12px 0 0; width:26px; height: 25px;background: url({IMGDIR}/qmenu.png) no-repeat 0 0;line-height: 26px;text-align: center;color: {HIGHLIGHTLINK};font-weight: 700;text-shadow: 0 1px 0 #FFF;overflow: hidden}
				#qmenu img {width:21px; height: 20px; padding-top:2px;}
					#qmenu:hover, #logout:hover, #woomail:hover, #massage:hover, #my_prompt_new:hover, .setup:hover, #task_ntc:hover, #showcart:hover{text-decoration: none}
					#qmenu.a, #logout:hover, #woomail:hover, #massage:hover, #my_prompt_new:hover, .setup:hover, #task_ntc:hover {position: relative;z-index: 302;background-position: 0 -30px}
					#woomail:hover, #addmor:hover {position: relative;z-index: 302;background-position: 0 0; text-decoration: none; }

					#qmenu:hover{text-decoration:none;}
					#qmenu.a{position:relative;z-index:50000;background-position:1px -30px;}
					#logout:hover, #pm_ntc:hover, #myprompt:hover, #massage:hover, #my_prompt_new:hover, .setup:hover, #task_ntc:hover, #showcart:hover { border:none}
					.ie8 #qmenu {line-height: 30px}
				/*#qmenu_menu {margin: -1px;padding: 20px 5px 10px;width: 200px;border-color: #9A9A9A}*/
		
		/*Xiem - Header*/			
					.modul-item-right a {
						position:inherit !important;		
					}
					#qmenu_menu {
						width: 200px;
						position:fixed !important;
						top:30px !important;
						border-top:0;
					}
					/*.activbw0 {
						background:url({IMGDIR}/masnew.gif) no-repeat right top #e5edf2; 		
					}*/
		/*/Xiem*/		
					
					#qmenu_menu {margin: -1px;padding: 5px}
					
					.ie_all #qmenu_menu {margin-left: 1px}
						.ie9 #qmenu_menu {margin-left: 0}
					#qmenu_menu .s_qmenu ul li {float: left}
					#qmenu_menu .s_qmenu ul a {margin-bottom: 10px;padding: 47px 0 0;width: 65px;border: none;border-radius: 4px;background: url({IMGDIR}/noicon.gif) no-repeat 50% 5px;text-align: center}
						#qmenu_menu .s_qmenu ul a:hover {background-color: {SPECIALBG};color: {HIGHLIGHTLINK};text-shadow: none}
						
						.shoft_profile dl{ line-height: 19px;}
						.shoft_profile a strong {font-size:13px;}
						.shoft_profile a:hover {background-color:#fff !important; text-decoration:underline !important;}
						.shorf_axtra_menu a{line-height: 20px; border-bottom: 1px #EEE solid; display:block; width: 95%; vertical-align:middle;}
						.shorf_axtra_menu a img{ width:16px; height:16px; border: 0px; margin-top: -2px}
						.hr_noise {height:10px;}

				/* Private messenger & News */
				
				/*#massage, #my_prompt_new, #woomail, #active, #logout, .setup, #task_ntc, .mem_login{float: right;display: inline;margin: 3px 4px 0 2px;padding: 0 9px 0 0;width: 16px; height: 26px;line-height: 26px}*/
				
				#massage, #my_prompt_new, #woomail, #addmor, #active, #logout, .setup, #task_ntc, .mem_login, #showcart {
					float: right;
					display: inline;
					margin: 4px 2px 0 0px;
					padding: 0 0px 0 0;
					width: 26.9px; 
					height: 26px;
					line-height: 26px;
				}

				.mem_login{width:auto; height:26px; line-height:26px; margin:5px 0 0 5px; padding:0 5px 0; background:#fff url({IMGDIR}/search.png) repeat-x scroll 0 -227px}
					#logout{background: url({IMGDIR}/logout.png) no-repeat 0 0}
					
					#massage_new{ background-attachment:fixed !important; background: url({IMGDIR}/myprompt_new.png) no-repeat 0 -0px}
					.setup{background: url({IMGDIR}/seting.png) no-repeat 0 0}
					#task_ntc{background: url({IMGDIR}/task.png) no-repeat 0 0}

					#massage .new, #my_prompt_new .new{ color:#F00; font-size:11px; text-align:center; background-position: 0 -30px;}
				
					/*Mr.xiem*/	
					
					/*#woomail{background: url({IMGDIR}/pm_notice.png) no-repeat 0 -30px}*/
					#massage{position:relative; background: url({IMGDIR}/icon-m-c.png) no-repeat -68px -51px;}

					#addmor {background: url({IMGDIR}/icon-m-c.png) no-repeat -68px -25px;}
					
					#showcart{position:relative; background:url('/static/shop/images/shopping_cart.png') no-repeat center top;}
					
					/*#massage{background: url({IMGDIR}/myprompt_new.png) no-repeat 0 -30px}*/
					#woomail{background: url({IMGDIR}/icon-m-c.png) no-repeat -70px -2px;}

					#woomail:hover {
						background-position:-5px -2px;
						cursor:pointer;
					}
					#woomail.active {
						background-position:-5px -2px;
						cursor:pointer;
						background-color:white;
						zoom:1;
					}
					#massage:hover {
						background-position:-4px -51px;
						cursor:pointer;
					}
					#massage.active {
						background-position:-4px -51px;
						cursor:pointer;
						background-color:white;
						zoom:1;
					}
					#addmor:hover {
						background-position:-4px -25px;	
						cursor:pointer;
					}
					#addmor.active{
						background-position:-4px -25px;	
						cursor:pointer;
						background-color:white;
						zoom:1;
					}
					#showcart:hover{
						background-position: center 3px;
						color:#F00
					}
					#showcart.active{
						background-position: center 3px;
						cursor:pointer;
						background-color:white;
						zoom:1;
					}
					.num-z {
						background-color: red;
						border:none;
						border-radius: 3px;
						color: white;
						display: block;
						float: right;
						font-size: 10px;
						line-height: 8px;
						padding: 2px 4px;
						text-align: center;
						position:absolute;
						top:0px;
						right:0px;
					}

				/*/header - show down*/
                	.top-box-mass {
						color:#333;
						font-size:11px;
						font-weight:bold;
					}
                	.top-box-mass a {
						color:#3B5998;
						float:right;
						font-weight:normal;
						position:absolute;
						right:5px;
					}
					.bord-b {
						border-bottom: 1px solid #dfdfdf;		
					}
					.bord-t {
						border-top: 1px solid #dfdfdf;		
					}
					
					.modul-item-right {
						padding:5px;
					}
					
					.p-i-r a {
						color:#336699;
						padding:5px !important;
						text-decoration:none !important;		
						text-align:center;
					}
					.massage-marker img {
						width:30px;
						height:30px;		
					}
					
					.size-m {
						margin-bottom:3px;	
						border-bottom:1px solid #ccc;	
					}
					.size-m * {
						font-size:10px !important;		
					}
					.bord-b:hover, .bord-t:hover {
						background-color:#e5edf2;
						cursor:pointer;	
					}
					.modul-item-right dl {
						padding-left:50px;
						overflow:hidden;		
					}
					.modul-item-right .m {
						margin-left:-50px;		
					}
					.p_pop .xlda dl {
						border-bottom:1px solid #DFDFDF;
					}
					.p_pop .xlda dl:hover {
						background-color:#e5edf2;
						border-bottom:1px solid #cccccc;
					}
					.p_pop .xlda a:hover {
						background-color:transparent;
						text-decoration:underline;		
					}
					.box-massage_menu a:hover {
						background-color:transparent;	
						text-decoration:underline;	
					}
					#massage, #woomail, #addmor, #showcart{
						float:right;
						position:relative;
					}
					#massage_menu a, #woomail_menu a, #addmor_menu a{
						font-weight:bold;
					}
					#woomail_menu .top-box-mass a {
						position:absolute;
					}
					.p_pop .xlda dl {
						*padding-bottom:2px;		
					}
					.p_pop * {
						font-family:Tahoma !important		
					}
					/*/header - sổ*/
					/* dang bai*/
					.woo-pad {
						padding:0 10px;		
					}
					.woo-tv {
						float:left;		
					}
					.box_commnet_neww {
						margin-bottom:10px;		
					}
					.woo-bak0 a {
						color: white;
						font-weight: bold;
						text-transform: uppercase;
					}
					.add_cla_mark_a li a {
						color:#666 !important;
						text-transform:none !important;
						font-weight:normal !important;		
					}
					.woo-bak0 a.showmenu {
						color:#fff;
						background-position:105% 58%;
					}
					.woo-bak0 em {
						*margin-top:10px;		
					}
					.w-width-au {
						width:auto !important;	
					}
					.w-width-au img {
						display:block;
						margin:0px auto;		
					}
					/*/dang bai*/
			/*/Mr.xiem*/	
					


/* Khu vuc chinh */
	
/*	#ct {
		min-height: 300px;
	}
*/	#ct {
		border-radius: 3px 3px 3px 3px;
		margin-bottom:10px;
	}
		.ie6 #ct {height: 300px}
		.mn {overflow: hidden}
		.ct2 .mn {float: left;width: 565px;margin-bottom: 1em}
		.ct2 .sd {float: right;width: 220px;overflow: hidden;_overflow-y: visible}
		.ct2 .cforum {width:729px; margin:0 0 0 10px; float:left}
		.ct2 .lforum{width:220px; float:left}
		.ct2 .lforum .subtilte{background:#CCC}

		/*.appl {float: left;overflow: hidden;margin-bottom: 10px;padding: 6px 10px;width: 117px;}*/
		.appl {
			float: left;
			/*overflow: hidden;*/
			width: 200px; 
			/*min-height:300px;*/
			background-color:#F9F9F9;
		}
		.box-post-right .appl {
			width:145px;
		}
		.box-post-left {
			width: 800px !important ;
		}
		.appl .tbn ul li {
			margin:0px;
			border-bottom: 1px solid #F3F3F3;
			border-top: 1px solid #F9F9F9;		
		}
		.appl .tbn ul li:hover {
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
			background-color:#fff;		
		}
		.s_home{width:207px;padding:2px 5px}

		.ct3_a {
			 border: 1px solid {WRAPBORDERCOLOR};/*{SIDEBGCODE}*/; 
		}
		.box-banner-cl {
			/*margin-bottom:10px;*/
		}
		.box-banner-cl img {
			display:none;
		}	 
		.bg_home{background: url({IMGDIR}/left_bg.gif) repeat-y 0 0 }
			.ct2_a_r {border: none;background-image: none}
			 /*.ct2_a h1.mt {display: none}*/
			 .ct2_a h1.mt {
				color: #3B5998;
				text-decoration: underline;
				text-transform: uppercase;	 
			}
			 
			 .ct2_a .tb {margin-top: 3px}
		.ct2_a .mn {}
			/*.ct2_a .mn {display: inline;margin-right: 10px;padding-top: 10px;width: 800px}*/
			.ct2_a .mn {
				background-color: white;
				border: 1px solid #EFEFEF;
				border-radius: 4px 4px 4px 4px;
				float: right;
				padding: 5px;
				/*width: 764px;*/
				width: 786px;
				min-height:400px;
			}
			.woo-bg-st .mn .bm{
				padding:10px;
				/*border:1px solid #dfdfdf;*/
				border-radius:3px;
			}	 
			.woo-back a {
				color: #336699;
				font-family: tahoma;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;		
			}
			
			/*.ct2_a_r .mn {margin-right: 0;width: 810px}*/
			.ct2_a_r .mn {
				margin-right: 0;
				width: 730px;
			}

		.ct3_a .mn {float: left;margin-left: 8px;width: 507px}
		
		.ct3_a .sd {float: right;width: 220px}
			#nv_home .ct3_a .sd .bm {/*margin-right: 0;border: none*/}
				#nv_home .ct3_a .sd .bm_c {padding: 10px 0}

		p.pbg_info b.big{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#F00}

		.mw {width: 100%;float: none}
		.mnw {clear: both;border-top: 1px solid #CCC}
		.mnh {width: 643px;background: {COMMONBG};margin-bottom: 0}
/* 页尾 */
	/*#ft {padding: 10px 0 50px;border-top: 1px solid {COMMONBORDER};line-height: 1.8;color: {FOOTERTEXT}}*/
	#ft {
		padding: 10px 1px;
		/*margin-top:10px;*/
		/*border-top: 1px solid {COMMONBORDER};*/
		line-height: 1.8;
		color: {FOOTERTEXT};
		}
	
		/*#flk {text-align: right}*/
		#flk {}
		#flk a {
			color:#006699;		
		}
		
			#flk img {vertical-align: middle}
			#scrolltop {visibility: hidden;position: fixed;bottom: 100px;display: block;margin: -30px 0 0;width: 26px;height: 50px;background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0;line-height: 999px;overflow: hidden;cursor: pointer}
		.ie6 #scrolltop {position: absolute;bottom: auto}
		#nv_home #ft, .pg_announcement #ft, .pg_modcp #ft, .pg_portalcp #ft, .pg_ranklist #ft, #nv_userapp #ft {/*border-top: none*/}


.y woo-box-flk {
	width:39%;
}
.box-main-frt {
    width: 55%;
}
.ja-sitemap {
    float: left;
    width: 100%;
}
.ja-sitemap .ja-moduletable {
    border: 0 none;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 25%;
}
div.ja-moduletable, div.moduletable {
    padding: 0 0 20px;
    position: relative;
    float: left;
}
.ja-moduletable a {
	
}
.ja-sitemap .ja-moduletable h3 {
    border-bottom: 0 none;
    color: #333;
    font-size: 100%;
    margin: 0 20px 5px 0;
    padding: 4px 0;
    text-transform: uppercase;
}
div.ja-moduletable h3, div.moduletable h3 {
    border-bottom: 1px solid #E0E2E3;
    color: #333537;
    font-size: 115%;
    margin-bottom: 15px;
    text-transform: uppercase;
}
div.ja-moduletable h3, div.moduletable h3 {
    margin: 0 0 8px;
    overflow: hidden;
    padding: 0 0 5px;
}

#ja-footer .ja-footnav ul {
    line-height: normal;
}
.ja-sitemap .ja-moduletable ul {
    margin: 0 20px 20px 0;
}
div.ja-moduletable p, div.ja-moduletable ul, div.ja-moduletable ol {
    margin-top: 0;
}
div.ja-moduletable ul, div.ja-module ul {
    margin: 15px 0 0;
}
.ja-footnav ul {
    line-height: normal;
}

#ja-footer .ja-footnav ul li {
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin: 0;
    padding: 4px 0 !important;
}
.ja-sitemap .ja-moduletable ul li {
    position: relative;
}
div.ja-moduletable ul li, div.ja-module ul li {
    background-position: 2px 8px;
}
.ja-moduletable ul li, .ja-module ul li, .ja-content-main ul li {
    line-height: 160%;
    margin-bottom: 5px;
    overflow: hidden;
}
.ja-footnav li {
    display: inline;
    padding: 0 5px;
}

#ja-footer a {
    color: #696F72;
} 








/* 通用的区域块 */
	/*
	.bm 是最常用的区块元素，默认带有 1px 的边框和 10px 的下边距。一般情况下，.bm 内应包括两个子容器：.bm_h 和 .bm_c，前者代表区块头部，带有灰色背景和下边框；后者是容器主体，默认带有 10px 的内边距。
	.bm 另有三种子样式
		.bmw	Weight		头部为彩色背景
		.bml	Lite		头部无背景填充
		.bmn	Notice		整体带有彩色背景，常用于提示信息
	*/
	.bm, .bn {margin-bottom: 10px}
		.bm { 
			/* border: 1px solid {COMMONBORDER};background: {WRAPBG}*/}
			.nobtop{border-top:0 !important;
		}
	/*xiem*/
		.adbm {
			/*border-radius: 3px 3px 3px 3px;*/
			margin-bottom: 10px;
			/*border: 1px solid {COMMONBORDER};*/
			background: {WRAPBG};
		}
		.adbm .bm_h {
			/*background-color:#fcfcfc !important;*/
			/*padding-bottom:5px;	*/
			/*padding-bottom:8px;	*/
			border-radius: 3px 3px 3px 3px;	
		}
		
	/*/xiem*/
		
		.drag {}
		.bm_h .o {float: right;width: 30px}
			.bm_h .o img {float: right;margin-top: 11px;cursor: pointer}
		/*.bm_h .i {padding-left: 10px}*/
		.bm_h .i {padding-right: 10px}
		
		.bm_h .pn {margin-top: 4px}
		.bm_h {padding: 0 10px;height: 31px; border-top: 1px solid #FFF;border-bottom: 1px solid {CONTENTSEPARATE};background: {COMMONBG};line-height: 31px;white-space: nowrap;overflow: hidden}
		.bmw {border: 1px solid {COMMONBORDER}}
			.bmw .bm_h {border-top-color: {WRAPBG};border-right: 1px solid {WRAPBG};border-bottom-color: {CONTENTSEPARATE};border-left: 1px solid {WRAPBG};background: {SPECIALBG}}
				.bmw .bm_h a {color: {HIGHLIGHTLINK}}
		/*.bml .bm_h {padding-top: 5px;border: none;background: transparent}*/
		.bml .bm_h {
			padding-top: 9px;
			border: none;
			background: transparent;
		}
		.bml .bm_c {padding-top: 0}
		.bmn {padding: 7px 10px;border-color: {SPECIALBORDER};background: {SPECIALBG}}

		.fl {border: 1px solid {COMMONBORDER};border-top: none;background: {WRAPBG}}
		/*xiem*/
		.woomar .fl, .woound   {
			border: 1px solid #F2F2F2;
			border-radius: 3px 3px 3px 3px;		
		}
		.woound .tgao {
			border-bottom:1px solid #f2f2f2 !important;		
		}
		.woo-bg-sle {
			border:1px solid #888;
			padding:6px 5px;;
			margin:5px 5px 0px 0px;
			background: url({IMGDIR}/woo-selec.png) no-repeat 0 -246px ;
		}
		/*/xiem*/
			.fl .bm {margin-bottom: 0;border: none}
				.fl .bm_h {border-width: 1px 0;border-color: {SPECIALBORDER};{TITLEBGCODE}}
				.fl .bm_h {border:0px;
					min-height:30px;
				}
				
				
		.fl .bm_c, #online .bm_c, .lk .bm_c {padding-top: 0;padding-bottom: 0}
	.bm2 .bm2_b {float: left;width: 49%;border: 1px solid {COMMONBORDER}}
		.bm2 .bm2_b_y {float: right}
	.bw0 {background: transparent}

/*Mr.xiem*/
		.clearfix:after, .container:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.clearfix, .container {display: inline-block;}
		.clearfix, .container {display: block;}
		.clear {
			clear: both;
		}
		.item-news-date { 
			padding-top:10px !important;
			border-bottom:0px !important;
		}
		.item-news-date * {
			font-family:Tahoma;
		}
		.hx-content-cm-lab { 
			background:none !important; 
			padding:0 !important;  
			color:#000 ; 
			font-size:11px;
		}
		.ct3_a .mn {
			float: left;
			margin-left: 8px;
			width: 525px
		}
		.ct2_a, .ct3_a { 
			/*border:1px solid #efefef;*/
		}
		.ct2 .mn {
			margin-left:5px !important;		
		}
		.item-news-date .z {
			float:none;
			margin:0px;		
		}
		.ec .tn {
			margin:4px 5px 0 0 !important;
		}
	/*space_simple_share*/		
		.border_share_boxt{
			margin-bottom:10px;
/*			padding:7px;
*/		}
		.share_title_h{
			font-size:12px;
			font-weight:bold
		}
		.share_content{}
		.box_more_share{
			background-color:#f2f2f2; 
			padding-top:3px; 
			line-height:26px; 
			vertical-align:middle;
		}
		.box_content_forshare{
			display:block;
			min-height:100px;
		}
		
		.box_content_share{
			line-height: 18px;
			padding-top:5px;
			border-top:1px #CCC dashed;
		}
		.deni_content_btn{
			padding:3px;
			}
		#img_url_share img{
			padding:3px 7px 3px;
			}
		#use_img{
			vertical-align:middle;} 
		.box_sub_txt{
			color:#AAA;
			line-height:24px;
			width:100%;
			padding:5px;
		}
		#btn_pre, #btn_next{
			text-decoration:none;
			width: 25px; 
			height:22px;
			background-repeat:no-repeat;
			float:left;
		}
		
		.btn_pre, .pon{
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -0px -83px;
		}
		
		.poff{
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -50px -83px;
		}
		#btn_pre:active{
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -100px -83px;
		}
		
		.non{
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -25px -83px;
		}
		.noff{
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -75px -83px;
		}
		#btn_next:active {
			background: url({IMGDIR}/btn_background.gif); 
			background-position: -125px -83px;
		}
		
		.tooltip_share{
			bottom: -1px;
			margin-left: 20px;
			position: relative;
			width: 200px;
			z-index: 2;
	/*		background: no-repeat url({IMGDIR}/ic-b.png);
	*/		}
		.borderShareBox{
			border:1px #CCC solid; 
/*			width:100%;
*/			}
		.marder-box {
			height: 30px;
			/*margin-bottom: 10px;*/			
			padding: 3px 0;
		}
		.marder-box span {
			background:SkyBlue;
			padding: 5px 10px 5px 7px; 
			color:#fff;
			font-weight:bold;
			font-size:11px;
			border: 1px solid #438ECE;
			border-radius: 3px 3px 3px 3px;
			float:left;
			margin-right:5px;
			height:16px;
			cursor:pointer;
			font-family:Tahoma, Geneva, sans-serif;
		}
		.marder-box span:hover {
			background-color:SteelBlue;
		}
		.marder-box span a {
			color:#fff;
			font-weight:bold;
			font-size:11px;
			text-decoration:none;
		}
		.marder-box a:hover {
			text-decoration:none;
		}
		.box_more_share {
			position:relative;		
		}
		.woo-fix {
			height:auto !important;
			position:absolute;
			bottom:2px;
			right:4px;
		}

		/*End space_simple_share*/		
		
		
		.add-cl {padding:0px 10px 10px !important;}
		
		.bg_home{
			background:none !important; 
			}
		.s_home{   
			border-right: 1px solid #EFEFEF;
			border-bottom: 1px solid #EFEFEF;
			padding: 2px 5px;
			width: 185px;
			}
			.module-features {
				border-top:1px solid #efefef;
			}
			.lable-tl{
				font-weight:bold;
				font-size:11px;
				padding: 5px 0 3px;
			}
			.bm_c {padding: 10px}
			.not-pad {
				padding:0px !important;		
			}
			.pbg_info {font-size:11px;}
			.bm_c .pbg_info strong {
				font-size:11px;
				color:#F93;
			}
			.pbg {border: 1px solid #EFEFEF !important; border-radius: 0px!important; height: 12px !important; background:none !important;}
			.pbr {height:12px !important; border-radius:0 !important;}
			.mi .avatar img {border: 1px solid #efefef; border-radius: 0 !important; padding: 1px !important;}
			.box-usre-about {margin:0 3px 0 3px;}
			.box-usre-about ul li span {display:none;}
			.box-usre-about ul li:hover span {display:block;}
			.bm_h h2 {color:#666;}
			
			
			.bm .bm_h span {display:none; line-height:20px;}
			.bm:hover .bm_h span {display:block;}
			.bm_h {font-size:11px;background-color:#eeefff;height:24px; line-height:24px;border:0px;}
			
			.bm_h span a {line-height:24px;}
			.add-sear table tr td h3{ padding:0px 8px;}
			.lv-item ul li {padding-left:20px;}
			li.news-i1 {background:url({IMGDIR}/news1.png) no-repeat left 3px;}
			li.news-i2 {background:url({IMGDIR}/news2.png) no-repeat left 3px;}
			li.news-i3 {background:url({IMGDIR}/news3.png) no-repeat left 3px;}
			li.news-i4 {background:url({IMGDIR}/news5.png) no-repeat left 3px;}
			li.news-i5 {background:url({IMGDIR}/news6.png) no-repeat left 3px;}
			li.news-i6 {background:url({IMGDIR}/news7.png) no-repeat left 3px;}
			.lv-item {padding:5px 5px 15px;}
			li.news-i2 ul li { padding-left:0px; display:none;}
			li.news-i2:hover ul li { padding-left:0px; display:block;}
			.module-favorites .lable-tl a {
				display:none;
				font-weight:normal;
				font-size:11px;
				font-family:Tahoma, Geneva, sans-serif;
			}
			.module-favorites:hover .lable-tl a {display:block; font-weight:normal;}
			.box-pi { margin-top:5px; border-bottom:1px solid #dfdfdf; padding:0px 0px 3px 0px;	}
			.box-corporation-content-top hr {color:#CCC; height:1px; margin:7px;}
			.box-content-status { margin-bottom:7px;}
			.box-pi samp { font-size:10px;}
			.box-pi samp * { font-size:10px; font-family:Tahoma;}
			
			.bat .spa span {background:url({IMGDIR}/bg_icon.png) no-repeat;} 
			.bat .spa span {display:inline-block; width:10px; overflow:hidden; height:13px; *margin-right:2px;}
			.bat .spa img {float:left; position: absolute; top:-454px; left:-9px;}
			.bat  { color:#666;}
			.bat a {color:#336699;}
			
/*			 .bat .it-m-1 span {background-position:-9px -453px; *background-position:-9px -455px; }
			 .bat:hover .it-m-1 span {background-position:-21px -439px; *background-position:-21px -441px; }
		
			 .bat .it-m-2 span {background-position:-23px -218px; *background-position:-23px -220px; }
			 .bat:hover .it-m-2 span {background-position:-23px -232px; *background-position:-23px -234px; }
			 
			 .bat .it-m-3 span {background-position:-19px -467px; *background-position:-19px -469px; }
			 .bat:hover .it-m-3 span {background-position:-28px -467px; *background-position:-28px -469px; }
		
			 .bat .it-m-4 span {background-position:-20px -453px; *background-position:-20px -455px; }
			 .bat:hover .it-m-4 span {background-position:0px -467px; *background-position:0px -469px; }
		
			 .bat .it-m-5 span {background-position:-10px -467px; *background-position:-10px -469px; }
			 .bat:hover .it-m-5 span {background-position:-11px -493px; *background-position:-11px -495px; }
		
			 .bat .it-m-6 span {background-position:-10px -249px; *background-position:-10px -251px; }
			 .bat:hover .it-m-6 span {background-position:0px -496px; *background-position:0px -498px; }
			 
*/		.item-news-date .cl {
			font-size: 11px;
		}	 

	/*userabout*/
		.add-cl {padding:0px 10px 10px !important;}
		
		.bg_home{
			background:none; 
			}
		.s_home{   
			border-right: 1px solid #EFEFEF;
			border-bottom: 1px solid #EFEFEF;
			padding: 2px 5px;
			width: 185px;
			}
			.module-features {
				border-top:1px solid #efefef;
			}
			.woo-to-x {
				padding:5px 5px 0px;
			}
			.woo-to-x hr {
				display:none;
			}
			.module-features ul li { padding:3px 0px;}
			.lable-tl{
				font-weight:bold;
				font-size:11px;
				padding: 5px 0 3px;
			}
			.bm, .bn {padding-bottom: 10px;}
			.bm_c {padding: 10px;}
			.pbg_info {font-size:11px;}
			.bm_c .pbg_info strong {
				font-size:11px;
				color:#F93;
			}
			.pbg {border: 1px solid #EFEFEF !important;
			 	border-radius: 0px!important; 
				height: 12px !important; 
				background:none !important;
			}
			.pbr {
				height:12px !important; 
				border-radius:0 !important;
			}
			.mi .avatar img {
				border: 1px solid #efefef; 
				border-radius: 0 !important; 
				padding: 1px !important;
			}
			.mar-pa-box {
				text-align:center;
				padding-top:3px;
			}
			.box-usre-about ul li * {
				font-family:Tahoma, Geneva, sans-serif; 
				font-size:11px;
			}
			.box-usre-about ul li span a {
			}
			.box-usre-about ul li a img {
				float:left;
				margin-right:4px;
			}
			.box-usre-about ul li span {
				display:none; 
				float:right;
			}
			.box-usre-about ul li:hover span {
				display:inherit;
			}
			.bm_h h2 {color:#666;}
			.bm .bm_h span {display:none; line-height:20px;}
			.bm:hover .bm_h span {display:inline;}
			/*.bm_h {font-size:11px;background-color:#eeefff;height:24px; line-height:24px;border:0px;}*/
			.bm_h {
				font-size:11px;
				background-color:#eeefff;
				height:33px; 
				line-height:24px;
				border:0px;
			}

			
			.bm_h span a {line-height:24px;}
			.add-sear table tr td h3{ padding:0px 8px;}
			.lv-item ul li {padding-left:20px;}
			li.news-i1 {background:url({IMGDIR}/news1.png) no-repeat left 3px;}
			li.news-i2 {background:url({IMGDIR}/news2.png) no-repeat left 3px;}
			li.news-i3 {background:url({IMGDIR}/news3.png) no-repeat left 3px;}
			li.news-i4 {background:url({IMGDIR}/news5.png) no-repeat left 3px;}
			li.news-i5 {background:url({IMGDIR}/news6.png) no-repeat left 3px;}
			li.news-i6 {background:url({IMGDIR}/news7.png) no-repeat left 3px;}
			.lv-item {padding:5px 5px 15px;}
			.woo-mr-bt {
				margin-bottom: 0px !important;
				padding-bottom:0px !important;
			}
			
			li.news-i2 ul li { padding-left:0px; display:none;}
			li.news-i2:hover ul li { padding-left:0px; display:block;}
			.module-favorites .lable-tl a {display:none;}
			.module-favorites:hover .lable-tl a {display:block;}
			.box-pi { margin-top:5px; border-bottom:1px solid #dfdfdf; padding:0px 0px 3px 0px;	}
			.box-corporation-content-top hr {color:#CCC; height:1px; margin:7px;}
/*			.box-content-status {padding:0px 7px;}
*/			.box-pi samp { font-size:10px;}
			.box-pi samp * { font-size:10px; font-family:Tahoma;}
			
			.bat .spa span {background:url({IMGDIR}/bg_icon.png) no-repeat;} 
			.bat .spa span {display:inline-block; width:10px; overflow:hidden; height:13px; *margin-right:2px;}
			.bat .spa img {float:left; position: absolute; top:-454px; left:-9px;}
			.bat samp {
				font-weight:bold;
				margin-right:2px;
			}
			samp.bat {
				margin-right:4px;
			}
			.bat  { color:#666;}
			.bat a {color:#336699;}
			
			 .bat .it-m-1 span {background-position:-9px -453px; *background-position:-9px -455px; }
			 .bat:hover .it-m-1 span {background-position:-21px -439px; *background-position:-21px -441px; }
		
			 .bat .it-m-2 span {background-position:-23px -218px; *background-position:-23px -220px; }
			 .bat:hover .it-m-2 span {background-position:-23px -232px; *background-position:-23px -234px; }
			 
			 .bat .it-m-3 span {background-position:-19px -467px; *background-position:-19px -469px; }
			 .bat:hover .it-m-3 span {background-position:-28px -467px; *background-position:-28px -469px; }
		
			 .bat .it-m-4 span {background-position:-20px -453px; *background-position:-20px -455px; }
			 .bat:hover .it-m-4 span {background-position:0px -467px; *background-position:0px -469px; }
		
			 .bat .it-m-5 span {background-position:-10px -467px; *background-position:-10px -469px; }
			 .bat:hover .it-m-5 span {background-position:-11px -493px; *background-position:-11px -495px; }
		
			 .bat .it-m-6 span {background-position:-10px -249px; *background-position:-10px -251px; }
			 .bat:hover .it-m-6 span {background-position:0px -496px; *background-position:0px -498px; }
		/*/userabout*/
		
		.w-x-dis {
			display:none ;
		}
		.x-mar-hov:hover dt .w-x-dis {
			display:block ;
			float:right;
		}
		.box-usre-ct-sh {
			display:block;
			padding-top:5px;
		}
		.x-woo-comtent-share {
			float:left;
			margin-right:4px;
		}
		.x-nhot {
			position:absolute;
			top:-5px;
			background:url({IMGDIR}/nhot.png) no-repeat;
			display: block;
			height: 5px;
			margin-left: 12px;
			width: 9px;
		}
		.woo-on, .woo-on * {
			color: #333;
			font-size: 11px;
		}

		.woo-on span {
			font-size: 12px !important;
			font-weight: bold;
			text-transform: uppercase;
		}
		woo.css (line 335)
		.woo-on, .woo-on * {
			color: #666666;
			font-size: 11px;
		}
/*Mr.xiem*/

	/* 宽布局下的通用块 */.bw {padding: 0 15px}

/*
	Name:			mod_path
	Level:			Global
	Sample:			<div id="pt"><div class="z">Path here</div></div>
	Explain:		面包屑导航
	Last Modify:	lushnis
*/
	/*#pt {margin: 2px 0;height: 29px;border:none;background: transparent;line-height: 29px}*/
	#pt {
		margin: 2px 0;
		/*height: 30px;*/
		border:none;
		background: transparent;
		line-height:30px;
	}
	
		#pt .z {padding-right: 10px}
		/*#pt .z a, #pt .z em, #pt .z span {float: left;height: 29px}*/
		#pt .z a, #pt .z em, #pt .z span {
			float: left;
			height: 29px;
			color: {HIGHLIGHTLINK};
		}
		
		#pt .z em {
			width: 20px;
			line-height: 200px;
			*margin-top:2px;
			overflow: hidden;
			background: url({IMGDIR}/pt_item.png) no-repeat 3px 10px !important;
		}
		.mar-first em {
			overflow: hidden;
			margin-left:5px;
			width: 20px;
			background: url({IMGDIR}/pt_item.png) no-repeat 3px 10px !important;
		}
		.main-box-menu-p #pt .mar-first {
			font-family: tahoma Regular;
			padding-right: 10px;
		}
		.nvhm {
			width: 16px;
			line-height: 200px;
			overflow: hidden;
			/*margin-top:4px;*/
			background: url({IMGDIR}/search.png) no-repeat -8px -119px;
		}
		.mar-first a.nvhm {
			width: 10px;
			line-height: 200px;
			overflow: hidden;
			margin-top:0;
			color: #336699;
			float: left;
			height: 29px;
			background: url({IMGDIR}/dot.gif) no-repeat left 13px;
		}
		.mar-first a {
			color: #336699;
		}
		.woo-blog {
			width: 16px;
			line-height: 200px;
			overflow: hidden;
			background: url({IMGDIR}/search.png) no-repeat -8px -119px;
		}
		
			/* XP 或 Windows 7，IE 最高版本为 8 或 9，这几种组合情况对字体的渲染存在差异，所以需要对背景进行微调，以适应更多情况 by Pony 11050511 */
			.ie_all #pt .z em {background-position: 3px 9px}
			.ie_all .nvhm {background-position: -8px -120px}
/* 统计数据 */
.tns {padding: 10px 0}
	.tns table {width: 100%}
		.tns th, .tns td {text-align: center;font-size: 12px}
		.sd .tns th, .sd .tns td {width: 110px !important}
		.tns th {border-right: 1px solid #CCC}
		.tns th p, .tns td p {font-size: 14px;margin: 0}

/* 带图标页面头部 ih. --> icon header */
	.ih .icn {float: left;width: 60px}
	.ih dl {margin-left: 60px}
		.ih dt {font-size: 14px;font-weight: 700}
		.ih dd {padding-bottom: 1em}
			.ih dd strong {margin: 0 2em 0 4px;color: #C00}

/*
	Name:			mod_tab
	Level:			Global
	Dependent:		mod_clearfix
	Sample:			<ul class="tb cl">
						<li class="a"><a href="#">Active Tab Item</a></li>
						<li><a href="#">Tab Item</a></li>
					</ul>
	Explain:		标签样式
	Last Modify:	lushnis
*/
.tb {margin-top: 10px;padding-left: 5px;line-height: 30px;border-bottom: 1px solid {COMMONBORDER}}
	/*.tb li {float: left;margin: 0 3px -1px 0}*/
	.tb li {float: left;margin: 5px 3px -1px 0; border-radius:4px 4px 0 0;}
	
	
		.ie6 .tb .a, .ie6 .tb .current {position: relative}
	.tb a {display: block;padding: 0 10px;border: 1px solid {COMMONBORDER};background: {SPECIALBG}}
		.tb .a a, .tb .current a {border-bottom-color: {WRAPBG};background: {WRAPBG};font-weight: 700}
		.tb a:hover {text-decoration: none}
	.tb .y {float: right;margin-right: 0}
		.tb .y a {border: none;background: transparent}
	/*.tb .o {margin: 1px 4px 0 2px;border: 1px solid #235994}*/
	.tb .o {border: 1px solid #235994}
	
	/*.tb .o, .tb .o a {height: 23px;line-height: 23px;background: url({IMGDIR}/pn.png) repeat-x 0 -48px;}*/
	.tb .o, .tb .o a {height: 30px;line-height: 30px; border:0px !important; background: url({IMGDIR}/pn.png) repeat-x 0 -48px !important;}
	
		.tb .o a {padding: 0 15px;border: none;font-weight: 700;color: #FFF}
		.ie6 .tb .o a {float: left}
	.tb_h {margin: 0;padding: 0;background-color: {SPECIALBG}}
		.tb_h li {margin-right: 0}
		.tb_h a {border-top: none;border-left: none}
	.tb_s {margin-top: 0;line-height: 26px}

/*Mr.xiem*/
	.tb a {border-radius: 4px 4px 0 0;}
	.tb {padding-left:0px;}
/*End Xiem*/		
		
	/* 类似menu的Tab */
/*.tbmu {padding: 10px;border-bottom: 1px dashed {COMMONBORDER}}*/
.tbmu {padding: 10px 4px;border-bottom: 1px dashed {COMMONBORDER}}

	.tbmu a {color: {HIGHLIGHTLINK}}
	.tbmu .a {color: {LINK};font-weight: 700}
	/* tab的强调信息提示 */
.tbms {padding: 10px 10px 10px 26px;border: 1px dashed #FF9A9A;background: url({IMGDIR}/notice.gif) no-repeat 10px 50%}
.tbms_r {background-image: url({IMGDIR}/data_valid.gif)}
	/* 极简 Tab */
.tbx {margin: 10px 0}
	.tbx span {margin-right: 10px;cursor: pointer}
	.tbx .a {padding: 3px 5px;border: solid #999;border-width: 0 1px 1px 0;background: {COMMONBG} url({IMGDIR}/thead.png) repeat-x 0 -20px}
	.tbx strong {color: {NOTICETEXT}}
/* 类似相册侧边切换页面用的 */
.obn {border-bottom: 1px solid {COMMONBORDER}}
	.obn select {width: 100%;margin-bottom: 5px}

/* 广告 */
	/* 页头广告 */ .a_h {padding-top: 5px}
	/* 二级导航广告 */ .a_mu {border: solid {COMMONBORDER};border-width: 0 1px 1px;background: {COMMONBG}}
	/* 页尾广告 */ .a_f {margin: 5px auto}
	/* 日志内容广告 */ .a_b {float: right;margin: 0 0 5px 5px}
	/* 格子广告 */ .a_t {margin-bottom: 10px}
		.a_t table {width: 100%}
		.a_t td {padding: 4px 15px;border: 1px solid {COMMONBORDER}}
	/* 帖内广告 */ .a_pr {float: right;width: 120px;overflow: hidden}
		.a_pt, .a_pb {background: url({IMGDIR}/ad.gif) no-repeat 0 50%;margin-bottom: 6px;padding-left: 20px;zoom: 1}
	/* 漂浮广告 */ .a_fl, .a_fr {float: right;position: fixed;top: 350px;z-index: 100}
		.a_fl {left: 0}
		.a_fr {right: 0;text-align: right}
		* html .a_fl, * html .a_fr {position: absolute;top: expression(offsetParent.scrollTop+350)}
	/* 对联广告 */ .a_cb {top: 20px }
		* html .a_cb {top: expression(offsetParent.scrollTop+20)}
	/* 文章漂浮广告 */ .a_af {float:left;margin-right: 10px;margin-bottom: 10px}
	/* 右下角广告 */ .a_cn {position: fixed;right: 10px;bottom: 10px;z-index: 300}
		* html .a_cn {position: absolute;top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)}
		.a_cn .close {text-align: right}

	.a_h, .a_mu, .a_c, .a_p, .a_f, .a_t {text-align: center}

/* ------------------------------------------------------------------------ 列表样式 */
		/*
		.xl				Text list
			.xl1		1 line list ( wrap text will be hidden );.xl2		2 col list
			.xld		list with description ( the HTML tag must be <dl> )
		.ml				Media/Image list
			.mls		Media size: 48*48px
		.fl				Forum list
		.tl				Thread list
		.al				Application list
		*/

/* 文本列表 */

.xl li {margin: 2px 0}
	.xl em {float: right;padding-left: 5px}
		.xl em, .xl em a {color: {LIGHTTEXT}}
	.xl label, .xl label a {color: #C00}
	.xl1 li {height: 1.5em;overflow: hidden}
		.xl1_elp {float: left;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
	/*.xl2 li {float: left;margin: 2px 0;padding: 0;width: 48.6%;height: 1.5em;overflow: hidden}*/
	.xl2 li {float: left;margin: 2px 0;padding: 0;width: 49.8%;height: 1.5em;overflow: hidden}
	
	.xl ol, ol.xl {background: url({IMGDIR}/sortnum.png) no-repeat 0 3px;line-height: 21px}
		.xl ol li, ol.xl li {background: none;padding-left: 20px}
		.xl ol li, ol.xl li {height: 21px}
	/*.xld dt {padding: 8px 0 5px;font-weight: 700}*/
	/*.xld dt {padding: 0px 0 5px;font-weight: 700}*/
	.xld dt {padding: 0px 0 0px;font-weight: 700}
	
	/*.xld dd {margin-bottom: 8px}*/
	/*.xld dd {margin-bottom: 0px; padding-bottom:4px;}*/
	.xld dd {
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 0;
		padding-bottom: 2px;
		text-align: justify;
	}
	.xld .dd {
		margin-left: 10px;
		}
	.p_pop .xld dd {
		/*min-height:30px;*/	
	}
		/* text with thumbnail image ( must with the additional class .cl ) */
		.xld .m {float: left;margin: 8px 8px 10px 0}
		/*.xld .atc {float: right;margin-left: 6px;, margin-top: 6px;}*/
		.xld .atc {float: left;margin-right: 6px; margin-top: 6px;}
		
			.xld .atc img {padding: 2px;max-width: 80px;max-height: 80px;border: 1px solid #CCC;background: {WRAPBG}}
				.ie6 .xld .atc img {width: expression(this.width > 80 && this.width>=this.height ? 80 : true);height: expression(this.height > 80 && this.width<=this.height ? 80 : true)}
		/*.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d {float: right;width: 20px;height: 20px;overflow: hidden;line-height: 100px;background: url({IMGDIR}/op.png) no-repeat 0 -2px}*/
		.xld a.d, .xl a.d, .attc a.d, .c a.d, .sinf a.d {
			float: right;
			height: 16px;
			line-height: 100px;
			overflow: hidden;
			width: 20px;
			background: url({IMGDIR}/op.png) no-repeat 0 -2px;
		}
		
			.attc a.d {float: left}
		.xld a.d:hover, .xl a.d:hover, .attc a.d:hover, .c a.d:hover, .sinf a.d:hover {background-position: 0 -22px}
		
		/*.xld a.b {background-position: 0 -40px}*/
		.xld a.b {background-position: 0 -42px}
			/*.xld a.b:hover {background-position: 0 -60px}*/
			.xld a.b:hover {background-position: 0 -62px}
			
	.xlda dl {padding-left: 65px}
	
	
		.xlda .m {display: inline;margin: 6px 0 6px -65px}
		.xlda .avt img {display: block;}
		.xlda dd img {max-width: 470px}
			* html .xlda dd img {width: expression(this.width > 470 ? 470 : true)}
		.xlda dd a {color: {HIGHLIGHTLINK}}
		.xlda dd .hot {color: {NOTICETEXT}}

/* 图片列表 */
.ml {}
	/*.ml li {float: left;padding: 0 5px 5px;text-align: center;overflow: hidden}*/
	.ml li {
		float: left;
		text-align: center;
		overflow: hidden
	}
	
	#album_content .ml li {
		float: left;
		padding: 0 5px 5px;
		text-align: center;
		overflow: hidden;
		margin:0px 0px 0px 10px;
		padding:5px;
		width:85px !important;
		/*border:1px solid #dfdfdf;*/
	}
	#album_content .ml li p {
		margin-top:5px;		
	}
	#album_content .ml li p a {
		color:#336699;
		font-weight: bold;
	}
	#album_content ul.ml li span {
		display:none;
	}
	#album_content ul.ml li div a img {
		width:80px;
		height:80px;
	}
		.ml img {display: block;margin: 0 auto}
		.ml p, .ml span {display: block;width: 100%;height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
		.ml span, .ml span a {color: {LIGHTTEXT}}
	.mls li {padding: 0 0 5px;width: 66px}
		.mls .avt {display: block;margin: 0 auto;width: 48px}
		.mls img {width: 48px;height: 48px}
		.mls p {
			margin-top: 5px;
			display:none;
		}
	.mlm li {padding: 0 0 5px;width: 150px}
		.mlm img {width: 120px;height: 120px}
	/*.mla li {width: 140px;height: 224px}*/
	.mla li {width: 167px;height: 224px}
	
	
	.mla1 li {height: 150px}
		.mla .c {margin: 0 auto;width: 136px;height: 150px;background: url({IMGDIR}/gb.gif) no-repeat 0 0}
			.mla .a {background-position: 0 100%}
			.mla .c a {display: block;padding: 14px 4px 3px 8px;width: 120px;height: 120px;overflow: hidden}
		.mla img {max-width: 120px;max-height: 120px;_width: expression(this.width > 120 && this.width>=this.height ? 120 : true);_height: expression(this.height > 120 && this.width<=this.height ? 120 : true)}
	/*.mlp li {width: 140px;height: 140px}*/
	.mlp li {}
	
	
	.mlp .d {padding: 0 0 5px;width: 150px;height: 180px}
		/*.mlp img {padding: 2px;max-width: 120px;max-height: 120px;border: 1px solid #CCC;background: {WRAPBG}}*/
		.mlp img {
			/*
			_width: expression(this.width > 200 && this.width>=this.height ? 200 : true);
			_height: expression(this.height > 200 && this.width<=this.height ? 200 : true);
			*/
			/*
			max-width: 300px;
			max-height: 300px;
			min-width: 180px;
			min-height: 180px;
			*/
			max-height: 200px;
		}
		
		* html .mlp img {width: expression(this.width > 120 && this.width>=this.height ? 120 : true);height: expression(this.height > 120 && this.width<=this.height ? 120 : true)}

/* 用户头像列表时，各种状态图标。.gm -> 管理员;.gs -> 明星会员 ;.gol -> 在线会员;*/
.gm, .gs, .gol {position: absolute;overflow: hidden;margin: -3px 0 0 -3px;width: 60px;height: 18px;background: url({IMGDIR}/gst.gif) no-repeat 0 0;display: block;/* ie6 */ }
.gs {background-position: 0 -18px}
.gol {background-position: 0 -36px}

/* 应用列表*/
	.appl ul {margin: 3px 0 0 0}
	.appl li {
		display: block;
		/*height: 20px;*/
		white-space: nowrap;
		word-wrap: normal;
		font-size: 11px;
		text-overflow: ellipsis;
		overflow: hidden; 
		/*font-weight:bold; 
		border-bottom:1px solid #f2f2f2; */		
		padding:2px 0 2px 0
		}
		
	.appl li:hover{ 
		/*border-bottom:1px solid #ccc; */		
		background-color:#F9F9F9;
		}
	.appl li a {text-decoration: none !important}
	.appl li a:hover{ color:#F00}
	.appl img {margin:2px 5px -4px 0}
	.appl span {float: right;font-size: 11px; font-weight:normal}
		.appl span a {color: {LIGHTTEXT}}
			.appl span a:hover {color: {HIGHLIGHTLINK}}
			
			
				
/*Mr.xiem*/	
		#edit_avt_tar {
			float:none;	
		}
		.appl li {
			padding:2px 20px;
			min-height:20px !important;
			background:url({IMGDIR}/dot_c.gif) no-repeat 10px 17px;
		}
		.appl .woo-to-x li{
			background:none;
		}
		.xlda dl {
			padding-left: 53px;
			padding-right:5px;
			padding-right:0px;
		}
		.avt img {
			border-radius:0px !important;
			height:45px;
			width:45px;	
			padding:1px;	
		}

		/*.xlda .m {
			margin: 3px 0 2px -48px;
		}*/
		 dd.avt {
			margin-right:-50px;			
		}
		.woobol {
			font-weight:bold;		
			color:#336699;		
		}
		#quote_preview {
			line-height:20px;		
		}
		.xlda .m {
			margin: 8px 0 2px -48px;
		}
		.et span {
/*		background-color:SteelBlue;
		color:#fff;	
*/		padding:2px 10px;	
		font-size:11px; 
		color:#666;
		font-family:Tahoma, Geneva, sans-serif;
		}
		.mtm h4.et {
			margin:10px 0px !important;
		}
		
		#qmenu_menu .avt img {
			height: 50px !important;
			width: 50px !important;
		}
		
/*Mr.xiem*/		
			
	/* 应用侧边 by Pony */
	.myo li {height: auto;line-height: 1.5}
	.myo img {margin-bottom: -1px}
	.myo a {color: {HIGHLIGHTLINK}}
	/* 侧边管理列表 */
	.tbn {/*margin: -6px -10px 0*/}
		.tbn ul {margin: 0}
			.tbn li {margin: 0 10px;min-height: 33px;border-bottom: 1px dashed #CCC}
			
			/*.tbn li.a {margin: -1px 0 0;padding: 0 10px 0 9px;border-top: 1px solid {COMMONBORDER};border-bottom-style: solid;background: {WRAPBG}}*/
			.tbn li.a {
				margin: -1px 0 0;
				padding: 0 20px;
				border-bottom-style: solid;
				width:80.5%;
				background: url({IMGDIR}/dot_c.gif) no-repeat 10px 15px {WRAPBG};
				border-top: 1px solid {COMMONBORDER};
			}
			.tbn li.a a {
				color:red;		
			}
		.tbn ul a {display: block;min-height: 33px;line-height: 33px}
		/*.tbn .mt {padding: 10px}*/
		.tbn .mt {
			padding: 11px;
		}

/* 道具 magic */
.mg_img {padding: 10px;width: 76px;height: 76px;background: url({IMGDIR}/magic_imgbg.gif) no-repeat 0 0} 

/*
	Name:			mod_link
	Level:			Global
	Dependent:		
	Sample:			<ul class="tb cl">
						<li class="a"><a href="#">Active Tab Item</a></li>
						<li><a href="#">Tab Item</a></li>
					</ul>
	Explain:		友情链接
	Last Modify:	lushnis
*/
	.lk img {float: left;margin-right: 5px;margin-bottom: 5px;width: 88px;height: 31px}
	.lk p {color: {MIDTEXT}}
	.lk .m li {clear: left;padding: 0 0 10px 98px}
		.lk .m img {display: inline;margin-top: 4px;margin-top/*\**/: 1px\9;margin-left: -98px}
	.lk .x li {float: left;margin-right: 5px;width: 88px;height: 1.5em;overflow: hidden}
	.lk_logo .lk_content {float: left}

/* ------------------------------------------------------------------------ 其他特定功能块 */
/* 简易编辑器 Tiny Editor */
	/*.tedt {width: 98%;border: 1px solid;border-color: #999 #CCC #CCC #999}*/
	.tedt {width: 98%;border: 1px solid;border-color: #dcdcdc;}
	.woo-album {
		width: 92%;		
	}
	#pm_ul_post .tedt {
		width: 74%;	
	}
	.woo-massage-tex {
		padding-right:10px !important;		
		background:#f5f5f5;
	}
	.woo-massage-tex .tedt {
		width:100% !important;		
	}
	.woo-relative {
		position:relative;		
	}
	.woo-apso {
		left: -10px;
		margin-top:15px;
    	position: absolute;
	}
	.upfl { height: auto !important; height: 165px; max-height: 300px; overflow: auto; overflow-x: hidden; }
	.upfl a, #imgattachlist a { color: {HIGHLIGHTLINK}; }
	.upfl table td { border-bottom: 1px solid {SPECIALBORDER}; height: 30px; line-height: 24px; }
		/*.tedt .bar {padding: 0 10px 0 0;height: 25px;line-height: 25px;border-bottom: 1px solid {COMMONBORDER};background: {COMMONBG}}*/
		.tedt .bar {padding: 0 10px 0 0;height: 25px;line-height: 25px;border-bottom: 1px solid {COMMONBORDER};background: {inactiveborder}}
		
			.fpd a {float: left;margin: 2px 5px 0 0;width: 20px;height: 20px;background: url({STATICURL}image/editor/editor.gif) no-repeat;text-indent: -9999px;line-height: 20px;overflow: hidden}
			.fpd a.fbld {background-position: 0 0}
			.fpd a.fclr {background-position: -60px 0}
			.fpd a.fmg {background-position: 0 -20px}
			.fpd a.flnk {background-position: -40px -20px}
			.fpd a.fqt {background-position: -140px -20px}
			.fpd a.fcd {background-position: -120px -20px}
			.fpd a.fsml {background-position: -20px -20px}
		.tedt .area {padding: 4px;background: {WRAPBG};zoom: 1}
		.tedt .pt {width: 100%;margin-right: 0;padding: 0 !important;border: none;background: {WRAPBG} none}
			.tedt .pt:focus {outline: none;-moz-box-shadow: none}
	.m_c .tedt {width: 600px}

/* 表情 */
.sllt {padding: 10px 5px 5px !important}
	.sllt td {padding: 8px;border: none;cursor: pointer}
	.sllt_p {*float: left;text-align: right}
		.sllt_p a {margin-right: 5px;color: #069;text-decoration: underline}
	.sl_pv {margin-top: 5px;padding: 8px;background: #FAFAFA;border: 1px solid #CCC}
	.ie6 .slg, .ie7 .slg {width: expression(this.parentNode.offsetWidth)}

/*
	Name:			mod_style_selector
	Level:			Fuction
	Dependent:		mod_popupmenu
	Explain:		风格切换菜单
	Last Modify:	lushnis
*/
/*	#toptb a#sslct {width: 10px;background: url({IMGDIR}/style_switch.png) no-repeat 50% 50%;text-indent: -9999px;overflow: hidden}*/
	#sslct_menu {padding: 6px 10px 10px}
		 .sslct_btn {float: left;margin: 4px 4px 0 0;width: 12px;height: 12px;border: 1px solid {COMMONBORDER};cursor: pointer}
			.sslct_btn i {float: left;display: inline;margin: 1px;width: 10px;height: 10px;background: #2E80D1;overflow: hidden;font-style: normal}

/* 弹出菜单、弹出层及弹出窗口 */
	/*.p_pop, .p_pof, .sllt {padding: 4px;border: 1px solid;min-width: 60px; font-size:11px; color:#000; position:relative; border-color: {DROPMENUBORDER};{DROPMENUBGCODE};box-shadow: 1px 2px 2px rgba(0,0,0,0.3)}*/
	.p_pop, .p_pof, .sllt {
		padding: 4px;
		border: 1px solid;
		line-height: 14px;
		min-width: 40px; 
		font-size:11px; 
		color:#000; 
		position:relative; 
		border-radius: 0px 0px 3px 3px;
		background-color:Yellow;
		box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
		border-color: {DROPMENUBORDER};
		{DROPMENUBGCODE};
		}
		.ie6 .p_pop {width: 100px}
		.ie_all .p_pop, .ie_all .p_pof, .ie_all .sllt {filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=1)}
		.p_pof {width: 500px}
		.p_opt {padding: 10px}
		.p_pop li {display: inline}
		
		.ac_pop a {position: relative;padding: 0 !important;border-bottom:0 !important;white-space: nowrap; display:inline !important;}
		
		.ac_pop a:hover {background-color: none !important; text-decoration:underline; }
		.p_pop a {position: relative;display: block;padding: 3px 5px;white-space: normal;}
			.p_pop li:last-child a {border: none}
			.ie6 .p_pop a {position: relative}
			.p_pop a:hover, .p_pop a.a, #sctype_menu .sca {background-color: {SPECIALBG};color: {HIGHLIGHTLINK};text-decoration: none}
		/* .blk -> block 内容较为复杂的弹出层使用 .blk 的 class，内部的 a 标签重新定义 */
		.blk a, .inlinelist a {display: inline;padding: 0;border: none}
			.blk a:hover {background: none;color: {LINK};text-shadow: none;text-decoration: underline}
		.inlinelist {padding: 5px}
			/*.inlinelist a {float: left;width: 5em;height: 2em;overflow: hidden;text-align: center;line-height: 2em}*/
			
			.inlinelist a {
				float: left;
				width: 5em;
				overflow: hidden;
				text-align: center;
				line-height: 2em;
			}
	/*.h_pop {min-width: 120px;border-top: none}*/
	.h_pop {
		min-width: 120px;
		border-top: none;
		position:fixed !important;
		top:33px !important;
		}
	
/* .txt 和 .textarea 属于旧的命名规范，待整理 by lushnis */.p_opt .txt, .p_opt .txtarea {margin: 5px 0}

	.p_pop .flbc, .p_pof .flbc{margin-right: 8px;margin-top: 4px}

/* 弹出层 以下 class 都可以分开写，单独定义，以便个性化 */
	/* 四条边、四个角的公用样式 */
	.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {overflow: hidden;{FLOATMASKBGCODE};opacity: 0.2;filter: alpha(opacity=20)}
	/* 四个角 */
	.t_l, .t_r, .b_l, .b_r {width: 8px;height: 8px;}
	.fwin td{padding:0px !important;}
	/* 上下两条边 */
	.t_c, .b_c {height: 8px}
	/* 左右两条边 */
	.m_l, .m_r {width: 8px}

	.t_l {-moz-border-radius: 8px 0 0 0;-webkit-border-radius: 8px 0 0 0;border-radius: 8px 0 0 0}
	.t_r {-moz-border-radius: 0 8px 0 0;-webkit-border-radius: 0 8px 0 0;border-radius: 0 8px 0 0}
	.b_l {-moz-border-radius: 0 0 0 8px;-webkit-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px}
	.b_r {-moz-border-radius: 0 0 8px 0;-webkit-border-radius: 0 0 8px 0;border-radius: 0 0 8px 0}
	.m_c {{FLOATBGCODE}}

/* 弹出层内容区 by Pony */
	.m_c .tb {margin: 0 0 10px;padding: 0 10px}
	.m_c .c {padding: 0 10px 10px}
	.m_c .o {padding: 8px 10px;height: 26px;text-align: right;border-top: 1px solid #CCC;background: {COMMONBG}}
		/* 分享时会用到 */
	.m_c .el {width: 420px}
		.m_c .el li {padding: 0;border: none}

/* .flb 弹出层header */
	.flb {padding: 10px 10px 8px;height: 20px;line-height: 20px}
		.flb em {float: left;font-size: 14px;font-weight: 700;color: {HIGHLIGHTLINK}}
			.flb em a {text-decoration: none}
		.flb .needverify {float: left;margin-left: 8px;padding-left: 13px;width: 45px;height: 21px;line-height: 21px;background: url({IMGDIR}/re_unsolved.gif) no-repeat 0 0;font-size: 12px;color: {LIGHTTEXT};font-weight: 400}
		.flb .onerror, .flb .onright {padding-left: 20px;height: auto;line-height: 140%;white-space: nowrap;font-size: 12px;font-weight: 400}
			.flb .onerror {background: url({IMGDIR}/check_error.gif) no-repeat 0 50%}
			.flb .onright {background: url({IMGDIR}/check_right.gif) no-repeat 0 50%;color: {MIDTEXT}}

		.flb span {float: right;color: {LIGHTTEXT}}
			.flb span a, .flb strong {float: left;text-decoration: none;margin-left: 8px;font-weight: 400;color: {LINK}}
				.flb span a:hover {color: {LIGHTTEXT}}
			.flbc {float: left;width: 20px;height: 20px;overflow: hidden;text-indent: -9999px;background: url({IMGDIR}/cls.gif) no-repeat 0 0;cursor: pointer}
				.flbc:hover {background-position: 0 -20px}

			.floatwrap {overflow: auto;overflow-x: hidden;margin-bottom: 10px;height: 280px}

		.f_c {}
			.f_c li {list-style: none}
			.f_c hr.l {margin: 0}
			.f_c a {color: {HIGHLIGHTLINK}}
			.f_c .list {margin: 0 auto 10px;width: 570px;border-top: 3px solid {COMMONBORDER}}
				.f_c .list th, .f_c .list td {padding: 5px 2px;height: auto;border-bottom: 1px dashed {COMMONBORDER}}
				.f_c .list .btns th, .f_c .list .btns td {border-bottom: none}
				.f_c .th th, .f_c .th td {padding: 10px 0}
				.f_c .list th {background: none}

/* 弹窗未开启时 nofloat */
.nfl {height: auto !important;height: 320px;min-height: 320px}
	.nfl .f_c {margin: 60px auto;padding: 20px;width: 580px;border: 3px solid {COMMONBG};background: {WRAPBG}}
	.nfl .loginform {height: auto}
	.nfl .clause {width: auto;height: auto}

/* dropdownbtn 下拉菜单 */
.hasd {}
	.hasd input {float: left;width: 121px}
		.hasd input.crl {padding: 0;width: 20px;height: 20px;background: none;border-style: solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};border-width: 1px 0 1px 1px}
	.hasd .spmediuminput {width: 115px}
	.dpbtn {float: left;overflow: hidden;text-indent: -9999px;width: 21px;height: 21px;border-width: 1px 1px 1px 0;border-style: solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};background: {WRAPBG} url({IMGDIR}/newarow.gif) no-repeat 100% 0}
		.dpbtn:hover {background-position: 100% -23px}
	.hasd label {float: left}
		.tpclg h4 a.dpbtn {float: right;border-width: 1px}
		.tpclg h4 {font-weight: 400}
		.tpclg .pt {margin: 5px 0;width: 212px;overflow: hidden}
		/* 下面两行为评分时用到的 */
		.mark .dt, .mark .tpclg h4 {width: 270px}
		.mark .tpclg .pt {width: 260px}
	#postbox dd.hasd input {width: 120px;margin-right: 0}

/*弹窗 编辑器 颜色框 colorbox*/
.colorbox{width: 130px !important}
.colorbox input {float: left;margin: 2px;padding: 0;width: 12px;height: 12px;border: 0;cursor: pointer}

/* 短消息对话框 .pm -> personal_message (window) by Pony */
	.pm {overflow: hidden;width: 400px}
		.pm .flb {margin-bottom: 0;padding: 1px 5px 4px;background: #CCC url({IMGDIR}/pm.png) repeat-x 0 -101px}
			* html .pm .flb {padding: 4px 5px 1px}
			.pm .flb em {padding-left: 15px;background: url({IMGDIR}/pm.png) no-repeat 0 -65px;text-shadow: 1px 1px 1px {WRAPBG};color: {LINK};font-size: 12px}
			.pm .flbc {background-image: url({IMGDIR}/pm.png)}
		.pm_tac {padding: 5px 10px;background: {COMMONBG}}
		.pm .c {padding: 0;background: {COMMONBG}}
		.pmb {position: relative;padding: 20px 20px 0;width: 360px;height: 280px;overflow: auto;overflow-x: hidden}
			.pmb li {position: relative;margin-bottom: 10px}
				.pmt {overflow: hidden;position: absolute;bottom: 0;left: -6px;text-indent: -999px;width: 7px;height: 7px;background: url({IMGDIR}/pm.png) no-repeat -13px -40px;zoom: 1}
				.pmd {float: left;padding: 5px 8px;background: #F0F0F0 url({IMGDIR}/pm-bg1.png) repeat-x;border: 1px solid;border-color: #E7E7E7 #BBB #999 #E7E7E7;word-wrap: break-word;-moz-box-shadow: 2px 2px 4px #DDD;-webkit-box-shadow: 2px 2px 4px #DDD;box-shadow: 2px 2px 4px #DDD;-moz-border-radius: 10px 10px 10px 0;-webkit-border-radius: 10px 10px 10px 0;border-radius: 10px 10px 10px 0}
					.pmd, .pmd img {max-width: 292px}
					* html .pmd {width: expression(this.offsetWidth > 292 ? 292+'px':'auto')}
						* html .pmd img {width: expression(this.width > 292 ? 292 : true)}
					/* 短消息下的引用和代码样式 */
					.pmd .quote {overflow: hidden;margin: 0;padding-left: 16px;background: url({IMGDIR}/qa.gif) no-repeat 0 0;color: {MIDTEXT}}
						.pmd .quote blockquote {display: inline;margin: 0;padding-right: 16px;background: url({IMGDIR}/qz.gif) no-repeat 100% 100%}
					.pmd .blockcode {overflow: hidden;margin: 0;padding: 0;background: transparent;color: {MIDTEXT}}
						.pmd .blockcode code {font-family: Monaco, Consolas, "Lucida Console", "Courier New", serif;font-size: 12px;line-height: 1.8em}
						* html .pmd .blockcode code {font-family: "Courier New", serif}
				.pmm .pmt {right: -6px;left: auto;background-position: 0 -47px}
				.pmm .pmd {float: right;background: #FEF5E7 url({IMGDIR}/pm-bg2.png) repeat-x;border-color: #FFC68C #F9D4A7 #F3BB65 #DDC4A9;-moz-box-shadow: -2px 2px 4px #DDD;-webkit-box-shadow: -2px 2px 4px #DDD;box-shadow: -2px 2px 4px #DDD;-moz-border-radius: 10px 10px 0 10px;-webkit-border-radius: 10px 10px 0 10px;border-radius: 10px 10px 0 10px}
			.pmb h4 {text-align: center}
		.pmfm {padding: 0 15px 15px}
			.pmfm .tedt {width: 365px}
			.pmfm .pt {height: 65px}
			.pmfm .pn {float: right}
			.pma a {margin-right: 5px}

/* 短消息联系人列表 by Pony */
	.pmo {position: absolute;top: 8px;right: 10px;overflow: hidden;padding-left: 10px;width: 130px;height: 31px;line-height: 24px;line-height /*\**/: 26px\9;background: url({IMGDIR}/pn.png) repeat-x 0 -320px;text-shadow: 1px 1px 1px {WRAPBG}}
		.pmo em {display: block;padding: 3px 5px 4px 0;background: url({IMGDIR}/pn.png) no-repeat 100% -360px}
		.pmo a {overflow: hidden;white-space: nowrap;display: block;padding-right: 10px;background: url({IMGDIR}/pm.png) no-repeat 100% -222px;outline: none}
		.pmo .b {background-position: 100% -278px}

	/* .pmfl -> pm_friend_list (Window) */
	.pmfl {position: absolute;top: 35px;right: 10px;z-index: 200;width: 138px;border: solid #CCC;border-width: 0 1px 1px;background: {WRAPBG}}
		.pmfl .s, .pmfl .o {padding: 5px;border-bottom: 1px solid #CCC;background: {COMMONBG}}
		.pmfl .o {border-bottom-color: {WRAPBG}}
			.pmfl .s .px {padding-left: 20px;width: 101px;background: {WRAPBG} url({IMGDIR}/pm.png) no-repeat 0 -160px}
			.pmfl .o .ps {width: 100%}
		.pmfl ul {overflow: auto;overflow-x: hidden;width: 138px;height: 306px}
			.pmfl li {padding: 5px;height: 24px}
			.pmfl .avt {float: left;width: 29px;height: 29px}
				.pmfl .avt img {padding: 0;width: 24px;height: 24px;border: none}
				/* 跳动的头像样式 by Pony */
				.pmfl .newpm img {margin: 1px 0 0 1px}
			.pmfl p {overflow: hidden;white-space: nowrap;width: 78px}
				/* 当前交谈的用户 */
				.pmfl p .a {color: red}
				/* 在线的用户 */
				.pmfl p .ol {color: {LINK}}
				.pmfl strong {color: #000}

/* 登录和注册 */

.rfm {margin: 0 auto;width: 760px;border-bottom: 1px dotted {COMMONBORDER}}
		.rfm a {color: {HIGHLIGHTLINK}}
		.rfm .rq {}
		.rfm th, .rfm td {padding: 10px 2px;vertical-align: top;line-height: 24px}
		.rfm th {padding-right: 10px;width: 10em;text-align: right}
		.rfm .px {width: 220px}
			.rfm .px:focus {border-color: {HIGHLIGHTLINK};background: #FFF}
		.rfm .p_tip {position: absolute;z-index: 2;display: none;padding-left: 10px;width: 390px;background: {WRAPBG};color: {MIDTEXT};font-style: normal}
		.rfm .p_chk {position: absolute;z-index: 1;padding-left: 10px;width: 390px;color: red;font-weight: 700;font-family: {FONT}}
		.rfm #emailmore {position: absolute}
		.p_right {background: url({IMGDIR}/check_right.gif) no-repeat 10px 12px;width: 30px}
		#returnmessage4 {display: none;padding: 10px 0;border-bottom: 1px solid {COMMONBORDER};background: #FFE;text-align: center;font-weight: 700}
		#returnmessage4.onerror {display: block}
		.rfm .l {margin: 0}
	.blr .c {padding: 0 10px 10px}
	.login_slct a {margin-right: -8px;padding-right: 16px;background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%}
	.fwin .rfm, .nfl .f_c .rfm {width: 500px}
	.fwin .rfm th, .fwin .rfm td, .nfl .f_c .rfm th, .nfl .f_c .rfm td {padding: 6px 2px}
	.fwin .loginb button {margin-left: 11.3em}
	.nfl .f_c .loginb button {margin-left: 12em}



.blr {width: 580px;margin: 20px auto 30px}
	.m_c .blr {margin: 0 auto}
.lgfm {font: {FONTSIZE} {FONT};float: left;margin-bottom: 10px;*margin-bottom: -10px;padding: 20px 0;width: 280px;border-right: 1px solid #CCC}
	.rgs {margin-bottom: 10px}
	.lgfm label, .lgfm p, .reginfo {clear: both;overflow: hidden;display: block;margin-bottom: 10px;line-height: 22px}
		/* 自定义的注册信息 */
		.reginfo label {display: inline}
		.reg_c {float: left;width: 200px}
	.lgfm .txt, .lgfm .px {padding: 2px 4px;height: 16px;border: 1px solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};background-image: none}
		.lgfm .txt, .lgfm .px, .lgfm .pt {width: 170px}
	.lgfm .ftid a, .lgfm .ftid a:hover {height: 20px;background-position: 100% -1px;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}}
	.fsb {clear: both;margin-top: 8px;padding: 10px}
		.fsb .z {padding-top: 5px}
	.m_c .fsb {background: {COMMONBG};border-top: 1px solid #CCC}
		.fsb .pns {margin-right: 8px}
		.lgfm em, .fsb em {float: left;width: 60px}
			.fsb .pnr {*margin-top: 4px}
.nlf .txt{width: 230px}
.brls {overflow: auto;margin-bottom: 10px;width: 470px;height: 240px}
.sipt {float: none;margin: 0 0 10px;width: 234px;height: 20px;background-color: {WRAPBG};border: 1px solid;border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR};clear: left}
	.sipt a {float: left;width: 54px;border: none}
		.sipt a:hover, .sipt a:focus {border: none}
	.sipt .txt {float: left;width: 154px;border: none;outline: none;background: {WRAPBG}}
.sltp {float: none;margin: 10px 0;clear: both}
	.sltp a, .sltp a:hover, .sltp a:focus {height: 20px;line-height: 20px;border-color: #EEE;background-color: transparent;background-position: 100% -1px;color: #069 !important}
		.sltp a:hover, .sltp a:focus {background-position: 100% -24px}
.lpsw label {float: left;padding-left: 4px;width: 61px;line-height: 150%}
.clck, .sipt .clck {background: {WRAPBG} url({IMGDIR}/clck.gif) no-repeat 98% 50%}

.lgf {float: left;overflow: visible;margin: 47px 25px 10px 40px}
	.lgf h4 {margin-bottom: 10px;font-weight: 400;font-size: 14px}
	.lgf a {color: {HIGHLIGHTLINK}}
	.minf {margin-top: 23px}

/*
	Name:			mod_messagelogin
	Level:			Global
	Explain:		showmessage 处的登录框
	Last Modify:	lushnis
*/
#messagelogin {margin-top: 5px;border-top: 1px solid {COMMONBORDER}}
	#messagelogin .flb {padding-left: 0}
	#messagelogin .blr {margin: 0}
	#messagelogin .lgfm  {padding-top: 0}
	#messagelogin .minf {margin-top: 0}
	#messagelogin .fsb {padding: 0}

/*
	Name:			mod_fast_login
	Level:			Global
	Explain:		页面头部的快速登录
	Last Modify:	Pony 11061011
*/
.fastlg {line-height: 24px}
	.fastlg td {padding: 2px 0 2px 4px}
	.fastlg_fm {margin-right: 5px;padding-right: 5px;border-right: 1px solid {COMMONBORDER}}
	#ls_fastloginfield_ctrl {line-height: 20px;border: none;background-color: transparent;background-position: 100% -1px}
		#ls_fastloginfield_ctrl:hover {background-position: 100% -24px}
	.psw_w {padding-left: 5px}
	
	.fastlg_l {padding-right: 4px !important;border-right: 1px solid {SPECIALBG}}

/* 打招呼 by Pony */
	.poke {margin-bottom: 10px}
		.poke li {float: left;margin: 0 1% 5px 0;width: 32%;height: 22px}
		.poke img {vertical-align: middle}

/* 普通数据列表 datatable by michael */
.dt {border-top: 1px solid {COMMONBORDER};width: 100%}
	.dt th {background: {COMMONBG}}
	.dt td, .dt th {padding: 7px 4px;border-bottom: 1px solid {COMMONBORDER}}
	.dt .c {width: 50px}

	/* 用来展示数据的表格 */
.tdat {width: 100%;border: 1px solid {COMMONBORDER}}
	.tdat th, .tdat td {padding: 4px 5px;border: 1px solid {COMMONBORDER}}

/* ==  um 公告 帮助 message 通用列表  lum -- um list == */
.um {margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px dashed {COMMONBORDER};clear: left}
	.umh {margin-bottom: 10px;overflow: hidden}
		.umh h2, .umh h3 {clear: left;font-size:  14px;float: left;background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right 6px;padding-right: 14px;cursor: pointer}
			.schfaq h3 {background: none;cursor: default}
			.umh h3 a {color: {MIDTEXT}}
			.umh h3 span {font-size: 12px;font-weight: 400;color: {MIDTEXT}}
			.umh h2 em, .umh h3 em {margin-left: 8px;font-size: 12px;color: {LIGHTTEXT};font-weight: 400}
			.umh_act {float: right}
			.umh .umh_cb {display: none}
			.umh .umh_ext {display: block}
	.umn {background: url({IMGDIR}/dash.gif) repeat-x 0 10px;clear: left}
		.umn h3 {
			font-size: 12px;
			font-weight:normal;	
			background: {WRAPBG} url({IMGDIR}/arrow.gif) no-repeat right -35px;}
			.umn .umh_cb {display: block;background-color: {WRAPBG};color: {MIDTEXT};cursor: pointer}
			.umn .umh_ext {display :none}
.lum {}
	.lum h2 {
		font-size: 14px; 
		height:40px;
	}
	.lum h2.blocktitle a {
		background-attachment: scroll;
		background-clip: border-box;
		background-color: #1999FE;
		background-origin: padding-box;
		background-position: 0 0;
		background-repeat: repeat;
		background-size: auto auto;
		color: white;
		padding: 10px;		
	}
		.lum ul {padding: 1em 0 1em 2em;margin-bottom: 1em;/*border-bottom: 1px dashed {COMMONBORDER}*/}
		.lum ul li {
			border-radius: 3px 3px 3px 3px;
			margin: 2px 0;
			padding: 0.6em;
		}
		.lum ul li:hover {
			background: none repeat scroll 0 0 #F9F9F9;
		}
		.lum ul li:hover a{
			color: #666666;
			font-weight: bold;
		}

/* pgs --> pages & postbutton 分页、发帖按钮, pgb -->返回首页, nxt -->下一页 */
.pgs {}
	.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp {float: left;margin-right: 5px}
	/*Xiem*/
	.woo-db {
		/*width:730px;*/
		width:762px;
	}
	.woo-db {
		padding-left:0px;
		padding-right:0px;
	}
	#woo-db {
		margin-left:5px;
		width:725px;
	}
	/*/Xiem*/
	.pg {float: right}
	.pg, .pgb {line-height: 26px}
		.pg a, .pg strong, .pgb a {float: left;display: inline;margin-left: 4px;padding: 0 8px;height: 26px;border: 1px solid;border-color: {SPECIALBORDER};background-color: {WRAPBG};background-repeat: no-repeat;color: {LINK};overflow: hidden;text-decoration: none}
			.pg a.nxt, .pgb a {padding: 0 10px}
			.pg a:hover, .pgb a:hover {border-color: {HIGHLIGHTLINK};color: {HIGHLIGHTLINK}}
			.pg a.nxt {padding-right: 25px;background-image: url({IMGDIR}/arw_r.gif);background-position: 90% 50%}
			.pg a.prev {background-image: url({IMGDIR}/arw_l.gif);background-position: 50% 50%}
			.pg strong {background-color: {SPECIALBG}}
		/*.pgb a {padding-left: 25px;background-image: url({IMGDIR}/arw_l.gif);background-position: 10px 50%}*/
		.pgb a {
			padding-left: 25px;
			background-position: 10px 50%;
			background-image: url({IMGDIR}/arw_l.gif);
		}
		.bg-back {
		}
		
		
	#pgt .pg, #pgt .pgb {margin-top: 5px}
/* 用于行动的按钮 button action */
.bac {margin: 0;padding: 0;width: 70px;height: 30px;line-height: 30px;color: {LINK};overflow: hidden;text-decoration: none;background: url({IMGDIR}/pg_arw.png) no-repeat 0 0;text-align: center;text-indent: -7px;display: block}

#psd .bn .mbn input, #postbox input {margin-right: 4px}
#postbox .mbn, #psd .mbn {height: 1.6em;line-height: 1.6em}

/* 用于积分奖励提示等弹出层提示 */
.popupcredit {}
	.pc_l, .pc_c, .pc_inner, .pc_r {width: 29px;height: 56px;line-height: 56px;background: url({IMGDIR}/popupcredit_bg.gif) no-repeat 0 0}
	.pc_c {width: 200px;background-position: 0 -56px;background-repeat: repeat-x}
		.pc_inner {white-space: nowrap;text-align: center;width: auto;background-position: 50% -112px}
			.pc_inner i {margin-right: 10px;font-size: 12px;font-style: normal;color: {LIGHTLINK};font-weight: 400}
			.pc_inner span {margin-right: 15px;color: #FFEA97;font-size: 14px;font-weight: 700}
			* html .pc_inner span {display: inline-block}
				.pc_inner span a {color: #FFEA97;text-decoration: underline}
				.pc_inner span em {color: {LIGHTLINK};font-size: 18px;font-weight: 400}
				.pc_inner span u {font-size: 10px;text-decoration: none}				
				.pc_inner span em.desc {color: #930}
			.pc_btn img {opacity: 0.5}
				.pc_btn:hover img {opacity: 1}
	.pc_r {background-position: -30px 0}

/* 快速跳转菜单 */
	#fjump_menu dl {width: 200px}
		#fjump_menu dt {font-weight: 700}
		#fjump_menu dd {text-indent: 1em}
			#fjump_menu li.sub {text-indent: 2em}
			#fjump_menu li.current a {background-color: {COMMONBG}}

/* 可用道具列表 by lushnis */
	.mgcmn {width: 100px}
		.mgcmn a {padding-left: 25px;line-height: 16px !important}
			.mgcmn img {position: absolute;margin-left: -20px}

/* 高亮道具用到的 */
.cmen {overflow: hidden;width: 63px}
	.cmen a {overflow: hidden;float:left;width: 20px;height: 20px}


/* 热点：站长推荐内容，在页面右下角弹出 */
.focus {position: fixed;right: 10px;bottom: 10px;z-index: 300;overflow: hidden;width: 270px;background: {WRAPBG}}
	* html .focus {position: absolute;top: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)}
	.focus .m img {width: 60px;height: 60px}

/* 分享的验证码（全局） by Pony */
.m_c .sec .secq {display: block;margin: 5px 0 10px}

/*
	Name:			mod_reason_select
	Level:			Global
	Explain:		类似评分窗口中的评分原因选择的样式
	Last Modify:	Pony
*/
.reason_slct {}
	.reason_slct .reasonselect {height: 4.3em;overflow: scroll !important;overflow-x: auto !important}
		.reason_slct .reasonselect li {white-space: nowrap}
	.reason_slct .pt, .reason_slct .px {width: 25.2em !important}
	.reasonarea {height: 5.8em}

/*
	Name:			mod_filebtn
	Level:			Global
	Sample:			<div class="filebtn">
						<input type="file" class="pf cur1" size="1" />
						<button type="button" class="pn pnc"><strong>{lang}</strong></button>
					</div>
	Explain:		模拟 <input type="file" />，注意不要让 button 太宽
	Last Modify:	Pony
*/
.filebtn {position: relative;margin: 0 auto;width: 60px;overflow: hidden}
	.filebtn .pf {position: absolute;right: 0;height: 23px;opacity: 0;filter:alpha(opacity=0)}

/* 上传弹出层 */
.upfile {width: 220px}
	#uploadform {border: 1px dashed {SPECIALBORDER};background: {SPECIALBG}}


/* ------------------------------------------------------------------------ 拖拽及页面 DIY */
.frame, .frame-tab {margin-bottom: 10px;border: 1px solid {WRAPBORDERCOLOR};background: {WRAPBG}}
	.title {padding: 0 10px;height: 32px;font-size: 14px;font-weight: 700;line-height: 32px;overflow: hidden}
		.frame-title, .frametitle, .tab-title {background: {COMMONBG} url({IMGDIR}/title.png) repeat-x 0 100%}
		
	/* 新的框架结构 */
	.frame-1-1-l, .frame-1-1-1-l, .frame-1-1-1-c, .frame-2-1-l, .frame-1-2-l, .frame-3-1-l, .frame-1-3-l {float: left}
	.frame-1-1-r, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-r, .frame-3-1-r, .frame-1-3-r {float: right}
	.frame-1-1-l, .frame-1-1-r {width: 49.9% }
	.frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l {width: 33.3%}
	.frame-2-1-l, .frame-1-2-r {width: 66.6%}
	.frame-3-1-l, .frame-1-3-r {width: 74.9%}
	.frame-3-1-r, .frame-1-3-l {width: 24.9%}
	/* End */

	/* X1 之前的框架结构 */
	.frame .mn {margin-bottom: 0}
	.frame .sd {min-height: 0;_height: auto}

	.frame-1-1 .col-r {float: right;width: 49.9%}
	.frame-1-1 .col-l {float: left;width: 49.9%}

	.frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r {float: right;width: 66.6%}
	.frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l {float: left;width: 33.3%}

	.frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l {float: left;width: 66.6%}
	.frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r {float: right;width: 33.3%}

	.frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r {float: right;width: 74.9%}
	.frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l {float: left;width: 24.9%}

	.frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l {float: left;width: 74.9%}
	.frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r {float: right;width: 24.9%}

	.frame-1-1-1 .col-l {float: left;width: 33.3%}
	.frame-1-1-1 .col-c {float: left;width: 33.3%}
	.frame-1-1-1 .col-r {float: right;width: 33.3%}
	
	.frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r {padding: 0;width: 33%}
	.frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r {width: 49.9%}
	/* End */

	.frame .title .titletext, .block .title .titletext{float: left}
	.frame-tab .tab-title .titletext {float: left;margin: 0 10px}
		.tab-title {padding: 0;width: 100% !important;border: none}
		.frame-tab .tb {margin-top: 0;padding-left: 15px;line-height: 32px;border: none}
			.frame-tab .tb li {margin: 0;margin-left: -1px;font-weight: 400}
			.frame-tab .tb li, .frame-tab .tb li a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border-top: none;background: transparent none}
				* html .frame-tab .tb li a {float: left}
				.frame-tab .tb .a a {background: none;font-weight: 700}
		.frame-tab .tb-c {padding: 10px 16px}




/*Xiem*/
	div.block div.title span.xw0 {
		display:none;		
	}
	div.block:hover div.title span.xw0 {
		display:block;		
	}
	dl.cl dt {
		position:relative;
	}
	dl.cl dt a.d{
		display:none !important;
		position:absolute;
		right:0px;
		top:0px;
	}
	dl.cl:hover dt a.d{
		display:block !important;
	}
/*/xiem*/






.block {margin: 10px 10px 0}
	.frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block {margin-right: 10px}
	.frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block {margin-left: 10px}
/*	body#space .block {margin: 0 3px 10px}
*/	body#space .block {margin: 0 3px 10px}
.temp {margin:1px}
/* 重定义 frame */
	#ct .frame {margin: 0;border: none}
	.bx {border: none}
		.bx .frame-1-1-1 {background: transparent url({IMGDIR}/vline2.png) repeat-y 320px 0}
		.bx .frame-2-1 {background: transparent url({IMGDIR}/vline.png) repeat-y 645px 0}

/* 拖动生成的页面元素 by lushnis */
.drag .block .title {
	margin-bottom: 0;
	padding-left: 0;
	font-size: 14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: 700;
	}



/* 重定义 block */
#ct .sd .block {/*margin: 0*/}
#ct .mn .block {margin: 0}
#ct .cp_box_left .block {margin-left: -5px}

.block .xl1 ul li {padding-left: 10px;background: url({IMGDIR}/dot.gif) no-repeat 0 50%}
	.ie_all .block .xl1 ul li {background-position: 0 6px}

/* Frame stylies by lushnis */
.xfs {border-top: none}
	.xfs .frame-title, .xfs .frametitle, .xfs .tab-title {border: none;background: transparent url({IMGDIR}/mu.png) repeat-x 0 0}
	.xfs .frame-title, .xfs .frametitle, .xfs .tab-title, .xfs .frame-title a, .xfs .frametitle a, .xfs .tab-title a {color: #FFF !important}
	.xfs .tb li a {height: 32px;border: none !important}
	.xfs .tb .a a {background: transparent url({IMGDIR}/mu.png) no-repeat 50% -165px}
.xfs_1 {border-color: #2267B5}
	.xfs_1 .frame-title, .xfs_1 .frametitle, .xfs_1 .tab-title  {background-color: #2267B5;background-position: 0 0}
		.xfs_1 .tb .a a {background-position: 50% -66px}
.xfs_2 {border-color: #A90000}
	.xfs_2 .frame-title, .xfs_2 .frametitle, .xfs_2 .tab-title  {background-color: #A90000;background-position: 0 -99px}
		.xfs_2 .tb .a a {background-position: 50% -165px}
.xfs_3 {border-color: #006C6C}
	.xfs_3 .frame-title, .xfs_3 .frametitle, .xfs_3 .tab-title  {background-color: #006C6C;background-position: 0 -198px}
		.xfs_3 .tb .a a {background-position: 50% -264px}
.xfs_4 {border-color: #EC5A00}
	.xfs_4 .frame-title, .xfs_4 .frametitle, .xfs_4 .tab-title  {background-color: #EC5A00;background-position: 0 -297px}
		.xfs_4 .tb .a a {background-position: 50% -363px}
.xfs_5 {border-color: #6F099E}
	.xfs_5 .frame-title, .xfs_5 .frametitle, .xfs_5 .tab-title  {background-color: #6F099E;background-position: 0 -396px}
		.xfs_5 .tb .a a {background-position: 50% -462px}
.xfs_nbd {border: none}
	.xfs_nbd .block {margin-top: 0;margin-bottom: 10px}
	.xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block {margin-left: 0}
	.xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block {margin-right: 0}


/* Block stylies by lushnis */
.xbs {background: no-repeat 0 100%}
	.xbs .title {padding-left: 0;padding-right: 10px;background: no-repeat 100% 0}
		.xbs .titletext {float: left;padding-left: 10px;background: no-repeat 0 0}
	.xbs .dxb_bc {padding-bottom: 6px;background: transparent no-repeat 100% 100%}
	.xbs .module, .xbs .portal_block_summary {padding: 10px 10px 4px;border-style: solid;border-width: 0 1px}
.xbs_1 {border: 1px solid #CCC}
	.xbs_1 .title {padding: 0 10px;height: 31px;border-bottom: 1px solid #CCC;background: url({IMGDIR}/thead.png) repeat-x 0 0;line-height: 31px}
		.xbs_1 .title, .xbs_1 .title a {color: #666 !important}
	.xbs_1 .dxb_bc {padding: 9px 10px}
.xbs_2 {background-image: url({STATICURL}image/diy/bs_2_ft.png)}
	.xbs_2 .title, .xbs_2 .titletext {background-image: url({STATICURL}image/diy/bs_2_hd.png)}
		.xbs_2 .title, .xbs_2 .title a {color: #F60 !important}
	.xbs_2 .dxb_bc {background-image: url({STATICURL}image/diy/bs_2_ft_r.png)}
	.xbs_2 .module, .xbs_2 .portal_block_summary {border-color: #E0E0E0}
.xbs_3 {background-image: url({STATICURL}image/diy/bs_3_ft.png)}
	.xbs_3 .title, .xbs_3 .titletext {background-image: url({STATICURL}image/diy/bs_3_hd.png)}
		.xbs_3 .title, .xbs_3 .title a {color: #FFF !important}
	.xbs_3 .dxb_bc {background-image: url({STATICURL}image/diy/bs_3_ft_r.png)}
	.xbs_3 .module, .xbs_3 .portal_block_summary {border-color: #B2B2B2;background-color: #F1F1F1}
.xbs_4 {background-image: url({STATICURL}image/diy/bs_4_ft.png)}
	.xbs_4 .title, .xbs_4 .titletext {background-image: url({STATICURL}image/diy/bs_4_hd.png)}
		.xbs_4 .title, .xbs_4 .title a {color: #FFF !important}
	.xbs_4 .dxb_bc {background-image: url({STATICURL}image/diy/bs_4_ft_r.png)}
	.xbs_4 .module, .xbs_4 .portal_block_summary {border-color: #B2B2B2}
.xbs_5 {background-image: url({STATICURL}image/diy/bs_5_ft.png)}
	.xbs_5 .title {padding: 0 10px;height: 30px;border: 1px solid;border-color: #F08C3B #F08C3B #DDD;background: url({STATICURL}image/diy/bs_5_hd.png) repeat-x 0 0;line-height: 30px}
		.xbs_5 .title, .xbs_5 .title a {color: #BC4A2D !important}
	.xbs_5 .dxb_bc {padding-bottom: 10px;background-image: url({STATICURL}image/diy/bs_5_ft_r.png)}
	.xbs_5 .module, .xbs_5 .portal_block_summary {padding: 10px 10px 0;border-color: #F08C3B}
.xbs_6 {background-image: url({STATICURL}image/diy/bs_6_ft.png)}
	.xbs_6 .title, .xbs_6 .titletext {background-image: url({STATICURL}image/diy/bs_6_hd.png);line-height: 24px}
		.xbs_6 .titletext {height: 32px}
		.xbs_6 .title, .xbs_6 .title a {color: #FFF !important}
	.xbs_6 .dxb_bc {background-image: url({STATICURL}image/diy/bs_6_ft_r.png)}
	.xbs_6 .module, .xbs_6 .portal_block_summary {border-color: #4B85A0}
.xbs_7 {background-image: url({STATICURL}image/diy/bs_7_ft.png)}
	.xbs_7 .title, .xbs_7 .titletext {background-image: url({STATICURL}image/diy/bs_7_hd.png)}
		.xbs_7 .title, .xbs_7 .title a {color: #444 !important}
	.xbs_7 .dxb_bc {background-image: url({STATICURL}image/diy/bs_7_ft_r.png)}
	.xbs_7 .module, .xbs_7 .portal_block_summary {border-color: #E5E5E5}

.fcs {font-size: 12px}
	.fcs dt, .fcs dd {margin: 0;padding: 0}
	.fcs dt {font-size: 18px;font-weight: 100}
	.fcs dd, .fcs dd a {color: {MIDTEXT}}

/* 幻灯片 */
.slideblock {position: relative}
	.slideshow {clear: both}
		.slideshow li {position: relative;overflow: hidden}
			.slideshow span.title {position: absolute;bottom: 0;left: 0;margin-bottom: 0;width: 100%;height: 32px;line-height: 32px;font-size: 14px;text-indent: 10px}
			.slideshow span.title, .slidebar li {background: rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000);color: {LIGHTLINK};overflow: hidden}
			.slidebar li {float: left;margin-right: 1px;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 10px;cursor: pointer}
				.slidebar li.on {background: rgba(255, 255, 255, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF);color: #000;font-weight: 700}

/* 清除DIY产生的多余样式使用的公共样式 */
.cl_frame_bm {margin: 0 !important;border: 0 !important}
.cl_block_bm {margin: 0 !important;border: 0 !important}
.cl_block_bm .dxb_bc {margin: 0 !important}

/* 侧边调用 */
	/* 投票 */
	.b_poll dt {padding-left: 20px;background: url({IMGDIR}/pollsmall.gif) no-repeat 0 9px}
	.b_poll dd li {padding: 0 0 4px 20px}
		.b_poll dd li .pc {float: left;margin: 4px 0 0 -20px}
	.b_debate {}
		.b_debate dt {padding-left: 20px;background: url({IMGDIR}/debatesmall.gif) no-repeat 0 10px}
		.b_debate .chart {position: relative;margin: 8px auto;padding: 0;width: 279px;height: 78px;background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 0}
		.b_debate .chart strong {position: absolute;top: 25px;width: 80px;font-size: 14px;text-align: center}
			.b_debate .chart .debater2 {right: 0}
		.b_debate .chart1, .b_debate .chart2 {position: absolute;left: 80px;bottom: 0;width: 40px;background: url({IMGDIR}/p_debate_chart.png) no-repeat 0 -78px}
			.b_debate .chart2 {left: 159px;background-position: 100% -78px}
		.b_debate p {height: 1.5em;overflow: hidden}
	.b_hstab td {padding: 5px 0;border-bottom: 1px solid {COMMONBORDER}}

/* 主题分类 菜单 */
.tsm {overflow: hidden}
	.tsm dt {float: left;padding: 2px 0;width: 64px;clear: left}
	.tsm dd {padding: 2px 0;overflow: hidden}
	.tsm li {float: left;margin-right: 6px;white-space: nowrap}
	.tsm .a a {padding: 0 2px;background: #C00;color: {LIGHTLINK}}

/*
	Name:			mod_tip
	Level:			Global
	Explain:		弹出的气泡信息，1、2、3、4 分别指气泡尖角从左上到左小顺时针方向的位置
	Last Modify:	lushnis
*/
.tip {position: absolute;padding: 10px;width: 260px;border: 1px solid #B1B1B1;background: #FEFEE9}
	.tip_1, .tip_2 {margin-top: 8px}
	.tip_3, .tip_4 {margin-top: -8px}
	.tip_horn {position: absolute;width: 11px;height: 6px;overflow: hidden}
		.tip_1 .tip_horn {left: 5px;top: -6px;background: url({IMGDIR}/tip_top.png)}
		.tip_2 .tip_horn {right: 5px;top: -6px;background: url({IMGDIR}/tip_top.png)}
		.tip_3 .tip_horn {right: 5px;bottom: -6px;background: url({IMGDIR}/tip_bottom.png)}
		.tip_4 .tip_horn {left: 5px;bottom: -6px;background: url({IMGDIR}/tip_bottom.png)}
		.tip_js .tip_horn {right: 61px;bottom: -6px;background: url({IMGDIR}/tip_bottom.png)}
	.aimg_tip {margin-top: 0}

/* 推荐商品 by dfox */
em.hot {position: absolute;left: -2px;top: -2px;text-indent: -9999px;overflow: hidden;background: url({IMGDIR}/hot.png) no-repeat 0 0}

/* 板块、群组、空间主区域/侧边搜索 by dfox */
.gsh {text-align: center}
	.gsh h1 {margin: 1em 0 0.5em -60px;font-size: 16px;font-weight: 100}
	.gsh .px {width: 272px}
	.gsh .pns .px {margin-right: 3px;width: 190px}

/* 名片 */
.card {padding: 0;width: 310px !important;border-color: {SPECIALBORDER};background: #FDFEFF}
	.card .p_opt {padding: 0}
	.card .avt {position: absolute;display: inline;margin-left: -70px;width: 70px}
	.card_info {padding: 10px 10px 10px 80px}
	.card_mn {
		padding: 10px 10px 10px 60px;	
	}
	.card_mn .avt {
		margin-left: -50px;
		width:45px;
		padding-right:5px;		
	}
	
	
		.card_mn {min-height: 56px}
			.ie6 .card_mn {height: 56px}
		.card_info {border: dashed {COMMONBORDER};border-width: 1px 0}
		.card_msg {width: 95%;height: 4em}
	.card a {padding: 0;display: inline !important;white-space: normal;border-bottom: none}
		.card a:hover {background-color: transparent !important;color: {TABLETEXT};text-shadow: none}
	.card .o {clear: both;padding: 5px 10px}
		.card .o a {
			float: left; 
			margin: 3px 5px 3px 0;
			min-width: 5em;
			line-height: 14px;
			text-align: center;
			padding: 2px 2px; 
			min-height:16px;
			border: 1px solid {SPECIALBORDER};
			background: {SPECIALBG} url({IMGDIR}/card_btn.png) repeat-x 0 100%;}
		
		.ie_all .card .o a {padding: 3px 0 0}
	.card .mgc, .card .f {padding: 0 10px 5px}
		.card .f li {display: block}

/*
	Name:			mod_BIUC
	Level:			Global
	Last Modify:	Pony
*/
.ss em {display: block;float: left;margin-right: 2px;padding-left: 7px;width: 16px;line-height: 23px;background: #EEE;cursor: pointer}
	.ss em.a {background: #09F;color: #FFF}
.dopt a {float: left;margin-right: 3px;width: 21px !important;height: 21px;line-height: 21px;text-align: center}
	.dopt_b, .dopt_i, .dopt_l {border: 1px solid #F1F5FA;outline: none}
	.dopt .cnt {border: 1px solid #999;background-color: {WRAPBG}}
.colorwd {margin-left: 3px;width: 23px !important;background-color: {MIDTEXT};background-image: url({IMGDIR}/pn_color.png) !important;background-repeat: no-repeat;background-position: 0 0}
	.colorwd:active {background-position: 0 0}
	.ie6 .colorwd, .ie7 .colorwd {background-position: -1px -1px}
	.ie6 a.colorwd, .ie7 a.colorwd {background-position: 0 0}
.colorpx {margin: 0 -3px 0 3px;border-right: none}

/*
DIY
*/
.slidebox {display: none}

/* Modify user list */
div.bm_l {padding: 10px}
ul.inlinelist{margin:0;padding:0;list-style:none}
ul.inlinelist .clear{margin:0;padding:0;clear:both}
ul.inlinelist li{display:block;/*border-bottom:1px solid #F2F2F2;*/padding:0 0 5px 0;margin-bottom:5px;height:auto; position:relative; border-bottom: 1px solid #f9f9f9; }
ul.inlinelist li .avt_l {padding:1px;margin:0 5px 0 0;width:48px;height:48px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:{WRAPBG};border: 1px solid;border-color:{COMMONBG} {COMMONBORDER} {COMMONBORDER} {COMMONBG} }
ul.inlinelist li .avt_l img{border:0;margin:0;padding:0}
ul.inlinelist li span{color:#666;font-size:10px; float:left; text-align:left; width:100px}

	ul.add_inlinelist, ul.add_inlinelist li span{
		float:none;
	}

/*ul.inlinelist li strong a{color:#3366AB;text-align:left}*/
ul.inlinelist li strong a{
	color:#3366AB;
	text-align:left; 
	font-size:11px;
	line-height:1em;
	margin-bottom:5px;
}
ul.inlinelist li strong a:hover{color:#f00;text-decoration:underline}
ul.inlinelist a{width:auto}

/*Mr.xiem*/
	div.bm_l {padding: 10px 0px 10px 2px;}
	div.bm_l ul li a img {
		width:45px;
	}
	div.bm_l ul li a.avt_l {
		border-radius:0!important;
		height:45px !important;
		width:45px !important;
	}
	ul.inlinelist li span {width: 122px;}
	
	ul.inlinelist li span.add_buddy_w {
	width:auto;	
	display:block;
	}
	
	.box_new_tv {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.never_a {
		display:block;
		width:23%;
		float:left;	
	}
	.never_b {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;		
		display:block;
		width:75%;	
	}
	.never_b strong, .never_b span {
		display:block;	
		width:100%;	
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;		
	}
	.never_b strong a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	.never_b span a{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
		line-height: 1.5em;
		color:#000;
		width: 100%;
		text-align: left;	
	}
	#ct ul.add_inlinelist li a.delete_p {
		position:absolute;
		right:0px;
		color:#999;
		top:0px;
		font-size:9px;
		display:none;
		width:12px;
		height:10px;
		overflow:hidden;
		background: url({IMGDIR}/add_img.png) no-repeat -14px 0;
	}
	#ct ul.add_inlinelist li:hover a.delete_p {
		color:#333;
		display:block;
	}
	#ct ul.add_inlinelist li a.delete_p:hover {
		background: url({IMGDIR}/add_img.png) no-repeat -26px 0 !important;
	}
	.addbuddy {
		padding-left: 16px !important;
		background: url({IMGDIR}/add1.png) no-repeat 0 2px;}
	}
	ul.avatar-in li strong, ul.avatar-in li span {display:none;}
	ul.avatar-in li {float:left;}
	.box-list-user {width:103%;}
	ul.avatar-in li a.avt_l {padding:1px;margin:0 3px 0 0;}
/*Mr.xiem*/
.reply_post .author_a{float:left; display:inline-block; width:60px;}
.reply_post .author_a .ata{padding-left:10px; padding-top:0px}
/* Custom for fatasy world*/

.pheader {border:dotted #00C 1px; float:left; width:955px;}
.pheader .author{text-align:center; width:220px; float:left; border:thin 1px #F00}
.pheader .author .author_nick{font-weight:bold;}
.pheader .author .author_avatar{}

/* more css */
.feed_small{ font-size:10px}
a.feed_small{font-weight:normal}
.x-mar-border {
	background: url({IMGDIR}/dot_2.gif) repeat-x center bottom;
	padding-bottom:4px;
	margin-bottom:4px;
}
.li_border_bt{/*padding-bottom:5px; */background: url({IMGDIR}/dot_2.gif) repeat-x bottom}
.left_profile{ margin-top:10px}
.left_profile span.login_status{ margin-right:10px}
strong.username{}
div.left{ float:left; border:none; background:none; margin:0 5px 10px 0}
hr.line{height: 1px;border: none;background: {COMMONBORDER};color: {COMMONBORDER}}
p.group{ font-size:11px; color:#999; padding-top:10px}

/*Mr.xiem*/
	.left_profile { text-align:center;}
	.left_profile a {margin-right:0px !important;}
	.left_profile a strong {font-size:11px;}
	.left_profile {font-size:11px;}
/*Mr.xiem*/

/* ul>li>feed css */
li.feed{ margin:0 0 5px 0; padding:5px; border-bottom:1px solid #EAEAEA}
li.feed:hover{ background:#F8FAFB}
li.feed img.icon{ vertical-align:middle; margin-right:5px;}
li.feed dd{ margin:5px 0 0 20px; line-height:18px; color:#666}
li.feed dd.small{ margin:0 0 0 20px; padding:0; font-size:10px}


/*Xiem - thành viên*/
#woogtv{
	background-color: #DCDCDC;
    padding: 0 2px;
	border-radius: 3px;
}	
.woo-bg-color {
	line-height:28px;
	background: url({IMGDIR}/sprite.png) repeat-x 0 -357px #E3E3E3  !important;
}
#gmy, #gupgrade, #guser, #gadmin {
	background:#E5EDF2;	
	border:1px solid #CDCDCD;	
	padding-right:0px;
}
#woogtv li {	
	margin: 2px 2px 2px 0;
	border-radius: 3px;
}
.woo-bg-color li {
	margin: 2px 2px 1px 0 !important;
}
#woogtv a {
	font-size:11px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    display: block;
	background-color:#f5f5f5;
	/*background-color:#FFFBCC;*/
	font-family:Tahoma, Geneva, sans-serif;
}	
#gmy a, #gupgrade a, #guser a, #gadmin a  {
	border: 0 none;
    cursor: pointer;
    padding:0 18px 0 10px;
    white-space: nowrap;
	background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%;	
}
#woogtv .a {
	background-color: #FFFFFF;
    border-radius: 3px;
    font-weight: 700;
}
#woogtv .a a {	
	background-color: #FFFFFF;
	padding:0 18px 0 10px;
	border-radius: 3px;
}
#woogtv #mara a{
    border-radius: 3px;
	padding:0 10px;
}
#a_magic_thunder {
	padding-left: 18px; 
	background: url({STATICURL}image/magic/thunder.small.gif) no-repeat 0 50%;
}
#woogtv li.o {
	margin-top:3px;
}
/*/Xiem - thành viên*/

.no-decoration, .no-decoration * {
	text-decoration:none !important;
}
.category-new {
	font-family:Tahoma, Geneva, sans-serif;
	display:block;
	margin-top:5px;
	font-size:12px !important;
	text-align:justify !important;
	padding-right:5px;
}
.category-new a {
	color:#336699;
}


.w-td {
	padding-left:5px !important;
}
.woo-mar-lever-item .by{
    width: 70px !important; 
	text-align:center;
}
.woo-mar-lever-item .num{
    width: 54px !important; 
	text-align:center;
}
.woo-mar-lever .o, .woo-mar-lever .icn {
	width:0px !important;
}
.woo-mar-lever cite a {
	color: SteelBlue;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    overflow: hidden;
    width: 69px;
}
.tl th, .tl td {
	border-bottom: 1px solid #F2F2F2 !important;
}



/****/

	/*Mr.Cuong*/
	.uolist li{display:inline;}
	/*Mr.Xiem*/
	
	.clearfix:after, .container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix, .container {
		display: inline-block;
	}
	.clearfix, .container {
		display: block;
	}
	.clear {
		clear: both;
	}
	.woo-container-ao {
		min-height:300px;
	}
	.box-main-content-left {
		width:735px;
		float:left;
		/*background-color:#fff;*/
	}
	.main-box-menu-p #pt .z {
		font-family: tahoma Regular;
	}
/*	.box-group-head-tg-ao h2 p:first-letter {
		font-size:18px;
		color:#SandyBrown;
	}
*/	
	.icon-full {
		cursor: pointer;
		position:absolute;
		right:10px;
		top:12px;
		display:none;
	}
	.list-item-group {
		float: left;
		margin-right: 4px;
		position: relative;
	}
	.list-item-group:hover .woo-view-all {
		display:inline-block;
	}
	.header-item-group {
		/*border-bottom:1px solid #dedede;*/
		/*background:url({IMGDIR}/bg-item.gif) no-repeat right top;*/
	}
	.box-list-tin {
/*		padding:7px 0px 0 10px;
		float: right;
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 10px;
		padding-bottom: 5px;
		width: 87.5%;
*/	}
	.content-item-group {
		/*padding:15px;
		border-radius: 4px 4px 4px 4px;
		padding:15px 15px 0px;*/
		float: left;
		width: 50%;
		margin: 0px 0 0;
		padding-right:10px;
		padding-right:6px;
		min-height:200px;
	}
/*	.content-item-group:hover, .box-list-lable:hover {
		background-color: inactiveborder;
		border-radius: 4px 4px 4px 4px;
	}
*/	.main-new-gr, .box-thong-tin-khac {
		display:block;
		padding-bottom: 0px;
		width: 100%;
	}
	.box-img-content {
		float:left;
		text-indent:0;
		margin-right:5px;
		max-height:100px;
		overflow:hidden;
		border: 1px solid #DEDEDE;
	}
	
	.box-img-content img {
		width:50px;
	}
	
	/*.box-new-content {
		float:right;
		width:80%;
	}*/
	
	.box-new-content h2 img {
		height:10px;		
	}
	.box-new-content h2 a {
		/*color:#2B65B7;*/
		color: #202020;
		font-size:14px;
		font-weight:bold;
	}
	.tomtat-content {
		color: #000000;
		font-family:Tahoma, Geneva, sans-serif;
		margin-top: 5px;
		text-align: justify;
		/*text-indent: 1em;*/
	}
	.thong-ke {
		/*float:left;*/
	}
	.thong-ke * {
		/*font-size:10px !important;*/
	}
	.thong-ke-add {
/*		float: right;
*/	}
	.thong-ke-add * {
		font-size:11px !important;
	}
	.box-icon-new {
		margin-left:10px;
	}
	
	.thong-ke-add ul {
		float:left;
	}
	.add-conditions {
		background-color:#ffeb99;
		margin-left:5px;
	}
	.add-conditions samp {
		float:left;
		padding:0px 5px 2px 20px;
		color:red;
		line-height:15px;
		background:url({IMGDIR}/n.png) no-repeat 3px 2px;
	}
	.add-conditions:hover * {
		color:red !important;
	}
	.thong-ke ul li {
		float:left;
		margin-left:5px;
		/*color:#777777;*/
		position:relative;
		font-size:11px;
		min-height:17px;
		margin-left:7px;
	}
	li.lever-a {
		background:url({IMGDIR}/i-1.png) no-repeat left 2px;
		padding-left:20px;
	}
	li.lever-b {
		padding-left:15px;
		background:url({IMGDIR}/i-2.png) no-repeat left 2px;
	}
	li.lever-c {
		padding-left:20px;
		background:url({IMGDIR}/i-3.png) no-repeat left 1px;
	}
	.thong-ke ul li a {
		font-size:11px;
		line-height:14px;
		font-weight:bold;
	}
	.name-author a {
		color:#666;
	}
	.author-datime {
		padding-left:20px;
		background:url({IMGDIR}/date.png) no-repeat 5px 2px;
	}
	.author-datime:hover {
		color:#333;
	}
	.name-author {
		padding-left:15px;
		color:#999;
		font-size:11px;
		font-weight:normal;
		position:relative;
		float:left;
		background:url({IMGDIR}/i-4.png) no-repeat left 2px;
	}
	.width-box-author {
		float:left;
	}
	.img-individuals {
		float:left;
		text-indent:0;
	}
	.img-individuals img {
		border:1px solid #efefef;
		padding:1px;
		/*width:45px;*/
	}
	.tomtat-individuals {
		float: right;
		width: 340px;
	}
	.tomtat-individuals a {
		color:#333;
	}
	.can-make a {
		border:1px solid #cadae7;
		padding:2px;
		color:#7899be;
		font-size:11px; 
	}
	.can-make a:hover, .can-make a.active {
		text-decoration:none;
		background-color:#f3f7fa;
	}
	.status-author {
		font-size:11px;
		line-height:10px;
		color:#333 !important;
		font-weight:100;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:5px;
	}
	.can-make {
		padding:5px 0px;
	}
	.status-author span {
		color:#CCC;
	}
	.icon-item-box {
		bottom: -12px;
		left: 20px;
		position: absolute;
		width:400px;
	}
	.item-individuals {
		padding:2px 0px;
	}
	.box-box-individuals {
	}
	.main-item-tooltip {
		display:none;
		bottom: 25px;
		position: absolute;
		width: 400px;
		border:2px solid #eeeeee;
		padding:8px;
		background-color:#fcfcfc;
		z-index:999;
	}
	.thong-ke ul li:hover .main-item-tooltip, .name-author:hover .main-item-tooltip{
		display:block;
	}
	/*.name-author a:hover, .lever-a a:hover, .thong-ke ul li:hover, .thong-ke ul li:hover * {
		color:#333;
	}*/
	.box-list-lable {
		float: right;
		/*width: 87%;*/
		width: 48%;
		border-bottom: 1px solid #f1f1f1;
		margin-bottom: 5px;
		padding-bottom: 0px;
		/*margin-right: 16px;*/
	}
	/*.new-value {
		width:92%;
	}*/
	.box-list-category {
		/*background:url({IMGDIR}/dot-2.gif) repeat-y 51% top;*/

	}
	.value-img {
		border: 1px solid #DFDFDF;
		float: left;
		max-height: 60px;
		overflow: hidden;
		margin-right:5px;
	}
	
	.value-img img {
		width:60px;
	}
	.value-img img {
		border: 0px solid #DEDEDE;
		padding: 0px;
		float: left;
	}
	
	.new-value h2 a {
		font-size:11px;
	}
	.tomtat-lever {
		font-size:11px;
		line-height:14px;
		/*text-indent:1em;*/
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	
	/*moi 1-12-11*/
	.lable-header {
		/*border-bottom: 1px solid #CCCCCC;*/
		float: right;
		/*margin-bottom: 20px;*/
		margin-bottom: 15px;
		margin-right: 16px;
		position: relative;
		width:90%;
		/*width: 85.7%;*/
	}
	.lable-header div{
		background-color:#fff;
		float:left;
		margin-bottom:-8px;
		margin-left:20px;
		padding: 0px 10px;
		color:#FA772C;
		font-weight:bold;
		font-size:12px;
		display:none;
	}
	.lable-header span {
		position: absolute;
		right: -20px;
		top: -10px;
		display:none;
	}
	.box-main-content-right {
		width: 26s0px;
	}
	.box-modul-marker {
		margin-bottom:20px;
		border: 1px solid #f8f8f8;
		padding-bottom:5px;
	}
	.box-modul-marker h2 {
		color: #000;
		font-size: 11px;
		font-weight: bold;
		height: 14px;
		margin-bottom: 5px;
		padding: 7px 10px;
		position: relative;
		text-transform:uppercase;
		background:#fdfdfd;
		background:-moz-linear-gradient(center top , #FFFFFF 0pt, #F6F5F5 100%) repeat scroll 0 0 transparent;
		border-bottom:1px solid #f8f8f8;
		/*background:url(../{IMGDIR}/bg-module-right2.gif) repeat-x top left;*/
	}
	.modul-item-right {
		padding:5px;
	}
	.name-content a {
		color:#005790;
		font-size: 11px;
		line-height: 12px;
	}
	.name-content {
		float: right;
		width: 155px;
	}
	.box-new-content h2 span {
		color: #999999;
		font-size: 12px;
		font-weight: normal;
		margin-left: 10px;
	}
	.new-value h2 span {
		font-size: 10px !important;
	}
	.new-value h2 {
		font-size: 11px;
		margin-bottom: 4px;
		margin-top: -2px;
	}
	.main-new-list {
		padding: 0px 0 5px;
	}
	
	.header-item-group p {
		margin-left: 10px;
		margin-top: 10px;
	}
	.item-category {
		/*border-radius: 3px 3px 3px 3px;*/
		/*border-top: 1px solid #ededed;*/
		/*background:-moz-linear-gradient(center top , #E5ECF3, #FFFFFF 135px) repeat scroll 0 0 #FFFFFF;*/
		background: none repeat scroll 0 0 #FFFFFF;
		margin: 0 1px;
		padding: 10px 5px 0;
	}
	.never-addcss {
		border: 1px solid #f2f2f2;
		border-radius: 5px 5px 5px 5px;
		color: Chocolate;
		font-weight: normal;
		padding: 10px;
	}
	.new-value h2 .xw1 {
		font-size:11px !important;
		color:#000;
		margin-left:0px !important;
	}
	.new-value h2 {
		font-weight:normal;
	}
	.main-content {
	}
	.nguon-tin a {
		font-size:11px;
		font-weight:normal;
		color:#333 !important;
	}
	.nguon-tin {
		font-size:11px;
		font-weight:normal;
		color:#999;
	}
	.name-content a:hover, .nguon-tin a:hover, .new-content-lable a:hover, .woo-thongbao ul li a:hover {
		color:#069 !important;
	}
	.new-content-lable {
		padding-left:20px;
		background:url({IMGDIR}/icon-help.png) no-repeat left 2px;
	}
	.new-content-lable a {
		font-size:11px;
		color:LightSlateGray;
	}
	.name-lable-new {
		padding:5px;
	}
	.tomtat-lever a {
		/*margin-left:5px;*/
		text-decoration:underline;
	}
	.box-img-content img {
		float:left;
	}
	.tomtat-content a:hover, .tomtat-lever a:hover {
		color:Salmon;
	}
	.name-product {
		float:left;
		width:130px;
	}
	.product-photo {
		float:right;
		width:75px;
	}
	.box-modul-marker h2 a {
		position:absolute;
		right:10px;
		font-size:11px;
		font-weight:normal;
		color:#3B5998;
	}
	.product-photo img {
		width:70px;
	}
	.drop-left {
		position:absolute;
		left:0px;
		top:0px;
		height:32px;
		overflow:hidden;
		display:none;
	}
	.drop-right {
		position:absolute;
		right:0px;
		top:0px;
		height:32px;
		overflow:hidden;
		display:none;
	}
	.drop-right img {
		height:40px;
		margin-top:-4px;
	}
	.bg-box {
		position:relative;
	} 
	.x-add {
		font-size:11px;
	}
	.list-item-name {
		float:left;
		padding:5px 2px 0 0;
	}
	.list-item-name a img {
		width:47px;
		height:45px;
		border:1px solid #dfdfdf;
		padding:1px;
	}
	.box-modul-marker a:hover {
		color:#000;
	}
	.news-add3 {
		background-color:InfoBackground;
	}
	.news-add3 h2{
	}
	.box-modul-marker {
		background-color:#fff;
	}
	.box-banner-top {
		margin-bottom:10px;
		text-align:center;
		display:none;
	}
	.woo-view-all {
		text-align:right;
		position:absolute;
		top:-30px;
		right:0;
		height:20px;
		display:none;
}
	.box-MB-content:hover .woo-view-all {
		display:block;
	}
	.woo-view-all a {
		color:#CC0000;
		font-size: 10px;
		padding: 2px 5px;
		border-outline:none;
		text-decoration:none;
		border-radius: 2px;
		line-height:12px;
	}
	.woo-view-all:hover a {
		background:#f9f9f9;
	}
	.woo-permission {
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-weight:normal;		
	}
	.main-thegioiao {
		/*margin-bottom:10px;*/
	}
	.menu-p {
		background-color:#fff !important;
		margin:0 !important;
		/*padding-left:5px;*/
		/*height:30px !important;*/
		/*height:40px !important;*/
		padding:5px;
		border-radius: 0 0 3px 3px;
		background:url({IMGDIR}/cbg.gif) repeat-x left top !important;
	}
	.woo-thongbao ul li {
		margin:5px 0;
		padding-left:10px;
		background:url({IMGDIR}/dot.gif) no-repeat left 6px;
	}
	.woo-thongbao ul li a {
		font-size:11px;
		font-weight:bold;
	}
	.woo-thongbao ul li em {
		font-size:11px;
		color:#999;
		margin-left:3px;
		font-weight:normal;
	}
	/*End Mr.Xiem*/

	#menu-tg-ao {
		position:relative;
		padding:1px 0 0;
		z-index:9;
		/*border-top: 2px solid SkyBlue;*/
		background:url({IMGDIR}/bbg.gif) repeat-x left top;
	}
	.box-menu-ao ul li {
		float:left;
		position:relative;	
	}
	.box-menu-ao ul li a.aindex {
		position:relative;
		z-index:999;
		padding:6px 10px 6px;
		float:left;	
		display:block;
		line-height:23px;
		font-family:Tahoma;
	}
	.box-menu-ao ul li a {
		color:#fff;
		font-family:Tahoma;
		line-height:35px;
	}
	.box-menu-ao ul li:hover a {
		color:#3B5998;
		border-radius:3px 3px 0 0;
	}
	.box-menu-ao ul li:hover a.aindex {
		position:relative;
		z-index:999;
		background:#F2F3FB;
	}
	.box-menu-ao ul li ul {
		position:absolute;
		top:34px;	
		width:250px;
		display:none;
		left:-1px;
		border:1px solid #DFDFDF;
		background-color:#F2F3FB;
		box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	}
	.box-menu-ao ul li:hover ul {
		display:block;
	}
	.box-menu-ao ul li ul li {
		float:none;
		padding:0;
		padding:0 20px;
		border:0;
	}
	.box-menu-ao ul li:hover, .factive {
		background:#F2F3FB;	
		height: 35px;
		border-radius:3px 3px 0 0;
	}
	.factive a {
		color:#000 !important;
		font-weight:bold;
	}
	.box-menu-ao ul li:hover ul li a, .box-menu-ao ul li:hover ul li {
		border-radius:0px 0px 0 0;
	}
	.box-menu-ao ul li.icon-home {
		padding-left:5px;
	}
	.box-menu-ao ul li ul li a {
		color:#666 !important;
		font-family:Tahoma !important;
		font-size:12px;
		padding-top:0px;
		padding-bottom:0px;
		display:block;
	}
	.factive ul li a {
		color: #666666 !important;
		font-weight:normal !important;
	}

	.box-menu-ao ul li.icon-home a {
		padding-left:22px ;
		background:url({IMGDIR}/homelink.gif) no-repeat left 10px !important;
	}
	.icon_bg_li {
		border:0px !important;
	}
	.not-icon-home {
		display:none;
	}
	.icon-home:hover  {
	}
	.box-menu-ao ul li * {
		text-decoration:none;
	}
	.mar-first {
		margin:0px !important;
		padding:0px;
		border-radius: 0 0 3px 3px;
		background:url({IMGDIR}/cbg.gif) repeat-x left top !important;
	}
	.main-box-menu-p {
		/*border:1px solid #f2f2f2;*/
		/*border-radius:3px 3px;
		margin:7px 0 15px ;
*/		/*background:#fff;*/
	}
	.box-menu-ao ul li ul li:hover {
		background-color:#fff;
	}
	.box-menu-ao ul li ul li {
		position:relative;
	}
	.box-menu-ao ul li:hover ul.item-never {
		position:absolute;
		left:250px;
		top:-1px;
		width:250px;
		display:none;
	}
	.box-menu-ao ul li ul li img {
		position:absolute;
		right:10px;
		top:12px;
		*top:8px;
	}
	.box-menu-ao ul li ul li {
		border-bottom:0;
		border-top:0;
	}
	.box-menu-ao ul li ul li ul {
		padding-left:0;
		background-color:#fdfdfd;
	}
	.box-menu-ao ul li ul li:hover {
		border-bottom:0;
		border-top:0;
		margin:0px;
		background-color:#fdfdfd;
	}
	.box-menu-ao ul li ul li ul li {
		padding-left:30px;
		background: url({IMGDIR}/dot_c.gif) no-repeat 20px 15px !important;
	}
	.box-menu-ao ul li ul .lev:hover a {
		width:110%;
		display:block;
		z-index:999;
		background-color:#fdfdfd;
		position:relative;
	}
	.box-menu-ao ul li ul .lev:hover ul li a {
		width:100% !important;
	}
	.box-menu-ao ul li ul li a:hover, .box-menu-ao ul li ul li:hover a {
		color:#2B65B7 !important;
	}
	.box-menu-ao ul li ul li ul li a:hover, .box-menu-ao ul li ul li ul li:hover, .box-menu-ao ul li ul li ul li:hover a {
		background-color:#FDE9DF !important;
		color:red !important;
	}

	.woo-box-left-product {
		/*width:730px;*/
		width:760px;
		float:left;
	}
	.woo-box-right-product {
		width:227px;
		float:right;
	}
	.box-menu-ao {
		margin:0px 5px;
	}
	.woomar {
		width:730px;
		float:left !important;
		border:1px solid #dfdfdf;
		border-radius: 3px 3px 3px 3px;
	}
	.woo-lefside {
		padding:5px 10px;
		border-bottom:1px solid #f8f8f8;
	}
	.woo-lefside a {
		color:#666;
	}

/*forumdisplay_list*/

	.woo-item-tab {
		padding:10px !important;
	}
	.content-item {
		background:#f6f6f6;
	}
	.box-dk1 li {
		float:left;
		text-align:center;
		text-transform: uppercase;
		color:red;
		padding:5px 0;
	}
	.woone1 {
		width:71%;
		border-right: 1px solid #DFDFDF;
	}
	.woone2 {
		width:10.8%;	
		border-right: 1px solid #DFDFDF;
	}
	.woone3 {
		width:7%;	
		border-right: 1px solid #DFDFDF;
	}
	.woone4 {
		width:10.6%;	
	}
	.content2-item {
		background: none repeat scroll 0 0 #FFFBCC;
		border: 1px solid #FFCC00;
		border-radius: 3px 3px 3px 3px;
		margin: 5px;
		padding: 5px;
		display:none;
	}

	.woo-mar-lever {
		margin:0px 5px 0px;
	}


/*/Xiem - chuyen muc the gioi ao*/



/** slideshow album */
 /* // thumbnail list */

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url({IMGDIR}/non-existing.jpg)\9;
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
        background: url({IMGDIR}/ad_prev.png);
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
        background: url({IMGDIR}/ad_next.png);
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        color: #000;
        background: url({IMGDIR}/opa75.png);
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='{IMGDIR}/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
	  display:none;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url({IMGDIR}/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url({IMGDIR}/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
	        float: left;
			height: 62px;
			overflow: hidden;
			padding-right: 5px;
			text-align:center;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
			  height:56px;
			  margin:0px auto;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/********/

  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 15px 30px;
	background: url({IMGDIR}/bg-slide.gif) repeat-x ;
  }
  .box-qcao {}
  .woo-shop-slideshow {
	  width:662px;
 }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }

/** slideshow album */



/**discuz**/
#tabs {
	/*height:270px;*/
}
.box-list-category {
	/*min-height:250px;*/
}
.text-indent {
	line-height:18px;
/*	 text-indent:1.2em;
	 display:list-item;
*/}
.red_forum{
	color:#F00 !important;
	}
.tomtat-content h2 {
	margin-bottom:5px;
}
.unactive {
	background-color:#FBFBFB !important;
}
.header-item-group h2 {
	float: left;
	font-family: tahoma;
	font-size: 12px;
	height: 32px;
	border: 1px solid #dfdfdf;
	border-bottom:0px;
	border-radius: 5px 5px 0 0;
/*	background: -moz-linear-gradient(center top , #E5ECF3, #FFFFFF 135px) repeat scroll 0 0 #FFFFFF;
*/	
}
.header-item-group h2 a {
	color:#336699;
	padding:10px 15px;
	display:block;
	font-weight: normal;
	font-size:13px;
}
.header-item-group h2.active {
	border:1px solid #ededed;
	height: 33px;
	border-radius: 5px 5px 0 0;
	border-bottom:0px;
	background:#FFFFFF;
	margin-bottom:-1px;
	
}
.header-item-group h2.active a {
	height: 23px;
	color:#000;
}

.box-group-head-tg-ao h2 p {
	line-height:12px;
	*line-height:14px;
	color: #FFFFFF;
	float: left;
	margin-top:0px;
	padding: 14px 30px 12px 10px;
	margin-right:20px;
	background:url({IMGDIR}/muc-next.png) no-repeat right 11px;
}
.box-group-head-tg-ao h2 p a {
	font-weight: bold;
    /*text-decoration: underline;*/
	text-transform:uppercase;
	font-size:14px;
	color: #CC0033 !important;	
	font-family:Arial;
}

.box-group-head-tg-ao h2 img {
	float: left;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 14px;
	/*display:none;*/
	position: relative;
}
.cunactive {
	display:none;
	}
.cactive{
}
.box-MB-content {
	/*border: 1px solid #F5F5F5;*/
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
	/*background:-moz-linear-gradient(center top , #E5ECF3, #FFFFFF 135px) repeat scroll 0 0 #FFFFFF;*/
	background:url({IMGDIR}/aaa.gif) repeat-x 0 -5px;
}
.box-group-head-tg-ao h2 {
	color: #000;
	font-family: serif;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 12px 0px 5px;
	/*height:30px;*/
	/*background:url({IMGDIR}/icon-ao.gif) repeat-x left center;*/
	/*background-color:#F9F9F9;*/
}
.box-group-head-tg-ao {
	border-radius: 3px 3px 0 0;
	margin-left: -1px;
	border-left: 0 none;
    position: relative;
	/*background:url({IMGDIR}/aaa.gif) no-repeat;*/
}
.bg-box {
	border-bottom: 2px solid #DFDFDF;
	margin-bottom:0px !important;
	background:url({IMGDIR}/bg_header.png) repeat-x;
}
.tomtat-lever a {
	text-decoration:none !important;
}
.header-content {
	float:right !important;
/*	margin-left: 150px;
*/    
	margin-top: -44px;
	margin-right:-10px;
}
/*/*discuz**/

/**announcement**/
.box-right-fix-width {
	width:225px;
}
.thongbao {
	font-family: times New Roman;
    font-size: 13pt;
    line-height: 20px;
}
.fix-hig {
	min-height:200px;
}
.author_date {
	margin:5px 0 0;		
	height:19px;
}
.author_date ul li{
	color:#A8A8A8;
	font-size: 11px;
	min-height: 17px;
	position: relative;
	float:left;		
}
.author_date ul li a {
	color:#00A0C6;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.add_author_date {
	line-height:17px;
}
.lev_class {
	color:#999;
	font-family:arial;
}
.lev_class a {
	color:#00A0C6;
}
.borderbottom {
	border-bottom:1px solid #CDCDCD;
}

#pic_comment #comment .i a {
	color:red;
}
.up_new_t {
	float: right;
    margin-right: 10px;
}
.up_new_t img {
	width:60px;
}

.add_bc {
	padding-left:13px !important; 
	font-size:12px;
	margin-left:5px;
	/*background:url({IMGDIR}/bc.png) no-repeat 0 7px;*/
}



/********Tuongnha_product********/
#ct .box_right_about {
	float:left;
	margin-left:7px;
	margin-right:0 !important;
	width:190px !important;
}
#ct .add_modul_rig {
	float: right ;
	margin-left:0px !important;
	width:800px !important;
}

.box_main_about {
	/*background-color:#f9f9f9;*/
	padding:0px 1px 4px;
	margin-bottom:10px;
}
#box_main_about .header_about {
	color:#000;
	font-size:12px;
	font-weight:bold;
	background:#f9f9f9;
	/*background:url({IMGDIR}/background.png) repeat-x;*/
}
.header_about {
	padding:8px 10px 10px;
}
.box_about {
	/*background-color:#fff;*/
	/*border: 1px #DDD solid;*/
	padding:5px 0;
}
.list_new_content {
	margin:0px 0 10px;
}
.right-pro a {
	color:#15C;
}
.never1_li1_tuong {
	margin:0 5px 10px;
}
.never1_li1_tuong a {
	color:#006699;
}
.never1_li1_tuong span {
	color:#666;
	font-size:11px;
	margin-left:5px;
}
.icon_unactive_loc {
    padding-left: 20px;
    background: url({STATICURL}/shop/images/activer_no.png) no-repeat left 2px;
}
.never1_li1_tuong a:hover, .never1_li1_tuong a.active {
    background: url({STATICURL}/shop/images/activer_ad.png) no-repeat left 2px;
}
